我使用此脚本将三个不同的 span
插入到第一个、第二个和第三个 li
中。
$("ul li:eq(0)").prepend("<span>1</span>");
$("ul li:eq(1)").prepend("<span>2</span>");
$("ul li:eq(2)").prepend("<span>3</span>");
有没有办法重构此代码以消除冗余?
最佳答案
如果您想对所有 li 标签执行此操作:
$("ul li").each(function(i) {
$(this).prepend("<span>" + (i + 1) + "</span>");
});
如果有超过三个 li 标签,而您只想对前三个进行处理:
$("ul li:lt(3)").each(function(i) {
$(this).prepend("<span>" + (i + 1) + "</span>");
});
在这里使用 jsFiddle: http://jsfiddle.net/jfriend00/qhgad/
关于javascript - 使用 javascript 或 jquery 在 dom 中插入元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6839328/