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

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

html代码段










  • VIP



 $(".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>");

往元素内加html代码是$elem.html("xx");往元素内加文本是$elem.text("xx");