1. 使用JQuery添加标签。

  1. 使用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>

  1. 上面的这个是第一种添加方法。还有第二种。

  1. 这个就是第二种添加方式，使用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>

  1. 这两种方法都可以实现添加标签，第一种是直接添加，第二种就是使用for循环进行添加，两者之间都是采用了append（）这个属性。

Append（）: 在被选元素的结尾插入内容（结束标签之前插入）。

更多推荐

使用JQuery添加标签