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

Question

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

html代码段

• 
  
  


• 
  
  


• 
  <var>VIP</var>
  
  

Answer 1

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

Answer 2

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