使用jquery动态更改自定义html值

Question

<div data-react-class="Duration" data-react-props="{"startDate":"","endDate":""}">

我的HTML中有这个。如何使用jquery更改startDate中的endDate和data-react-props值？

Answer 1

向ID添加div：

<div id="sample" data-react-class="Duration" data-react-props="{"startDate":"","endDate":""}">

并使用setAttribute方法：

document.getElementsByID('sample').setAttribute('data-react-props', '{"startDate":"","endDate":""}');

Answer 2

您可以使用jQuery数据选择器

$("div[data-react-class='duration']").attr("data-react-props","{'startDate':'12-12-2017', 'endDate':'01-01-2018'}");