我有一些清单。
目前id是test_3, test_1, test_2. 我需要数(3,1,2)从id每一个li和另一个数据属性追加这个数字。请检查结果部分。它会让你了解我的期望。谢谢
html
<ul id="cat">
<li id="test_3">Text 3</li>
<li id="test_1">Text 1</li>
<li id="test_2">Text 2</li>
</ul>
脚本
$('#cat').attr('id').split("-")[2];
预期结果
<ul id="cat">
<li id="test_3" data-id="3">Text 3</li>
<li id="test_1" data-id="1">Text 1</li>
<li id="test_2" data-id="2">Text 2</li>
</ul>
您可以ul使用 id遍历元素的所有子元素cat。
在每个循环中，通过获取 id 属性，将其拆分_并获取第一个索引来获取 ID 。
然后您可以使用 JQuery 的属性函数设置属性，您可以在此处了解更多信息。
$('#cat li').each(function () {
var dataId = $(this).attr('id').split('_')[1];
$(this).attr('data-id', dataId);
});
一个例子
$('#cat li').each(function () {
var dataId = $(this).attr('id').split('_')[1];
$(this).attr('data-id', dataId);
});
console.log($('#cat').html());<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="cat">
<li id="test_3">Text 3</li>
<li id="test_1">Text 1</li>
<li id="test_2">Text 2</li>
</ul>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句