初学额 2018-08-16 00:39 采纳率: 63.6%
浏览 2817
已采纳

JQ如何往 li 标签里添加html代码

为什么下面语句不能成功往 li 添加内容呢? 正确应该怎么写? 谢谢啊!
$(".tui ul li:eq(0)").after("<var>VIP</var>");
$(".tui ul li:eq(1)").after("<var>VIP</var>");

html代码段










  • <var>VIP</var>



  • 写回答

2条回答 默认 最新

  • threenewbee 2018-08-16 00:55
    关注
     $(".tui ul li:eq(0)").after("<var>VIP</var>");
    

    after是在选定的元素的后面插入,你那样做,是把var直接作为你找到的li的平级的后一个元素了。
    但是看你的html的结构,你似乎希望插入的li的下一层,那么应该用

     .html("<var>VIP</var>");
    

    或者你希望插入一个新的li

    .after("<li><var>VIP</var></li>");
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?