如何在不影响子元素的情况下向元素添加文本

Question

我有一个像这里的HTML层次结构

data-level

我喜欢做的是为<ul id="mylist"> <li id="el_01"> <div class="title"> <span class="openClose"></span> </div> </li> </ul> div添加文本元素而不删除span元素。

Answer 1

它会在.title div。

中附加输入文本元素

$(".title").append("<input type='text' />");

它会将简单文本附加到.title div：

$('<p>Hello All</p>').appendTo('.title');

$(".title").append("<input type='text' />");
$('<p>Hello All</p>').appendTo('.title');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul id="mylist">
<li id="el_01">
    <div class="title">
        <span class="openClose"></span>
    </div>
</li>