- 使用JQuery用动态添加标签。
- 使用append这个属性可以进行添加标签。
<body>
<ul>
<li>琴1</li>
<li>琴2</li>
<li>琴3</li>
<li>琴4</li>
<li>琴5</li>
</ul>
</body>
<script src="~/Content/jquery-1.12.4/jquery-1.12.4.min.js"></script>
<script>
$(function () {
//第一种
$("ul").append("<li>琴6</li>");
$("ul").append("<li>琴7</li>");
$("ul").append("<li>琴8</li>");
})
- </script>
- 上面的这个是第一种添加方法。还有第二种。
- 这个就是第二种添加方式，使用for循环来添加。
<body>
<ul>
<li>琴1</li>
<li>琴2</li>
<li>琴3</li>
<li>琴4</li>
<li>琴5</li>
</ul>
</body>
<script src="~/Content/jquery-1.12.4/jquery-1.12.4.min.js"></script>
<script>
$(function () {
//第二种
for (var i = 0; i < 3; i++) {
$("ul").append("<li>琴" + (i + 6) + "</li>");
}
})
- </script>
- 这两种方法都可以实现添加标签，第一种是直接添加，第二种就是使用for循环进行添加，两者之间都是采用了append（）这个属性。
- Append（）: 在被选元素的结尾插入内容（结束标签之前插入）。
723
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
