是否可以使用jQuery/Javascript直接更改标签文本的计数器?例如,如果我有2个标签:
<a>hello</a>
<a>bye</a>
运行jQuery/JS函数后,以下是可能发生的情况:
<a>[1]hello</a>
<a>[2]bye</a>
我无法使用CSS计数器,因为我需要脚本直接编辑HTML。
是否可以使用jQuery/Javascript直接更改标签文本的计数器?例如,如果我有2个标签:
<a>hello</a>
<a>bye</a>
<a>[1]hello</a>
<a>[2]bye</a>
我无法使用CSS计数器,因为我需要脚本直接编辑HTML。
.html(function)
。
$("a").html(function(index, html) {
return "[" + (index + 1) + "]" + html;
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<a>hello</a>
<a>bye</a>
Array.prototype.forEach.call(document.querySelectorAll("a"), function(e, i) {
e.insertBefore(document.createTextNode(`[${i+1}]`), e.childNodes[0]);
});
<a>hello</a>
<a>bye</a>
.prepend()
将索引添加到内容中:$("a").each(function(index,value) {
$(this).prepend("["+(index++)+"] ");
})
$("a").each(function(index,value) {
$(this).prepend("["+(index++)+"] ");
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<a>hello</a>
<a>bye</a>
.each()
? .html()
迭代jQuery对象的所有元素。 - guest271314<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<a>hello</a>
<a>bye</a>
<script>
$("a").html(function(index, data) {
return "[" + (index + 1) + "]" + data;
})
</script>
javascript
在 Answer 中与 https://dev59.com/Op3ha4cB1Zd3GeqPZMBU#41384631/? 中的 javascript
有何不同? - guest271314html
更改为 data
会有什么不同呢? - Zakaria Acharki