在列表项中使用jquery添加div [英] add divs using jquery inside a list item

问题描述

我有一个列表项：

 < li class =sortedli>呼叫类型< / li> 
  

我希望在列表文本的两边添加两个div：

 < li class =sortedli> 
< div class =sel-display-on>& nbsp;< / div> 
致电类型
< div class =sel-trash-on>& nbsp;< / div> 
< / li> 
  

我如何使用Jquery添加它？

prepend（）和 append（）;

  $（。sortedli）。prepend（< div class = \sel-display-on \> < / DIV>中）; 
 $（。sortedli）。append（< div class = \sel-trash-on \>< / div>）; 
  

示例小提琴

I have a list item:

<li class="sortedli">Call Type</li>

I wish to add two div's on either side of the text in the list:

<li class="sortedli">
    <div class="sel-display-on">&nbsp;</div>
                Call Type
    <div class="sel-trash-on">&nbsp;</div>
</li>

How may I add this using Jquery?

解决方案

Use prepend() and append();

$(".sortedli").prepend("<div class=\"sel-display-on\"></div>");
$(".sortedli").append("<div class=\"sel-trash-on\"></div>");

Example fiddle

这篇关于在列表项中使用jquery添加div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！