<div data-react-class="Duration" data-react-props="{"startDate":"","endDate":""}">
Ich habe dies in meinem HTML. Wie kann ich die startDate und endDate Werte in data-react-props mit jquery ändern?dynamisch ändern benutzerdefinierte HTML-Werte mit jquery
können Sie jQuery Daten verwenden Selektoren
$("div[data-react-class='duration']").attr("data-react-props","{'startDate':'12-12-2017', 'endDate':'01-01-2018'}");
fügen ein ID auf die div:
<div id="sample" data-react-class="Duration" data-react-props="{"startDate":"","endDate":""}">
Und verwenden Sie die setAttribute Methode:
document.getElementsByID('sample').setAttribute('data-react-props', '{"startDate":"","endDate":""}');
Ist es läuft allright? Weil dein "{" startDate "brechen sollte (falsch"). Nun, zum Ändern dieser Werte mit jQuery, vielleicht ein einfaches var-Element = $ ('Selektor'); // var data = element.data ('react-reps'); // data ['startDate'] = neuer Wert; // element.data ('react-reps', data); // das sollte tun –
es wird von react-rails helper erstellt und es funktioniert gut – Abhilash