Javascript 更改将一个元素的ID值指定给另一个元素的数据属性

我有几个HTML链接元素，它们都有一个唯一的编号ID

这些都存储在一个包装器中，该包装器使用一个名为“数据颜色”的数据属性

当用户单击链接时，我希望数据颜色采用链接的编号ID

我想我可以使用data（），但它似乎不起作用

这是一本书

这是我的HTML：

<div id="wrapper" data-color="01">

<span>Color Box</span>

<a class="ThumbnailBox" href="#" id="02">02</a>
<a class="ThumbnailBox" href="#" id="03">03</a>
<a class="ThumbnailBox" href="#" id="04">04</a>
<a class="ThumbnailBox" href="#" id="05">05</a>
<a class="ThumbnailBox" href="#" id="06">06</a>

</div>

---

尝试这样的方法，你不必使用数据，只需使用它

$(".ThumbnailBox").click(function () {
    $('#wrapper').data('color', this.id);
});

要更改dom中的值，请使用attr

$('#wrapper').attr('data-color', this.id);

数据属性在第一次访问数据属性时被拉入，然后不再被访问或修改（所有数据值都存储在jQuery内部）

---

尝试这样的方法，你不必使用数据，只需使用它

$(".ThumbnailBox").click(function () {
    $('#wrapper').data('color', this.id);
});

要更改dom中的值，请使用attr

$('#wrapper').attr('data-color', this.id);

数据属性在第一次访问数据属性时被拉入，然后不再被访问或修改（所有数据值都存储在jQuery内部）

---

尝试这样的方法，你不必使用数据，只需使用它

$(".ThumbnailBox").click(function () {
    $('#wrapper').data('color', this.id);
});

要更改dom中的值，请使用attr

$('#wrapper').attr('data-color', this.id);

数据属性在第一次访问数据属性时被拉入，然后不再被访问或修改（所有数据值都存储在jQuery内部）

---

尝试这样的方法，你不必使用数据，只需使用它

$(".ThumbnailBox").click(function () {
    $('#wrapper').data('color', this.id);
});

要更改dom中的值，请使用attr

$('#wrapper').attr('data-color', this.id);

数据属性在第一次访问数据属性时被拉入，然后不再被访问或修改（所有数据值都存储在jQuery内部）

---

你只要试试这段代码就行了

$(".ThumbnailBox").click(function () {
selectedcolor = $(this).attr('id');
    alert(selectedcolor)
$('#wrapper').attr('data-color', selectedcolor);
});

---

这里是更新的fiddle

你只要试试这段代码，它就可以正常工作了

$(".ThumbnailBox").click(function () {
selectedcolor = $(this).attr('id');
    alert(selectedcolor)
$('#wrapper').attr('data-color', selectedcolor);
});

---

这里是更新的fiddle

你只要试试这段代码，它就可以正常工作了

$(".ThumbnailBox").click(function () {
selectedcolor = $(this).attr('id');
    alert(selectedcolor)
$('#wrapper').attr('data-color', selectedcolor);
});

---

这里是更新的fiddle

你只要试试这段代码，它就可以正常工作了

$(".ThumbnailBox").click(function () {
selectedcolor = $(this).attr('id');
    alert(selectedcolor)
$('#wrapper').attr('data-color', selectedcolor);
});

---

这里是更新的小提琴

谢谢，我在这里试过，但不起作用：谢谢，我在这里试过，但不起作用：谢谢，我在这里试过，但不起作用：谢谢，我在这里试过，但不起作用：