Jquery插入html字符串而不是DOM节点
我有一些嵌套列表,我希望能够插入上一级元素:Jquery插入html字符串而不是DOM节点,jquery,string,dom,Jquery,String,Dom,我有一些嵌套列表,我希望能够插入上一级元素: <ul> <li>Item 1 <ul> <li class="selecteditem">Item 1.1</li> <li>Item 1.2</li> <li>Item 1.3</li> </ul> </li> <li>Item 2</li> </ul> <!-- langu
<ul>
<li>Item 1
<ul>
<li class="selecteditem">Item 1.1</li>
<li>Item 1.2</li>
<li>Item 1.3</li>
</ul>
</li>
<li>Item 2</li>
</ul>
<!-- language: lang-js -->
//I try to do it as follows:
$('li.selecteditem').after('</ul></li><ul>"...
- 项目1
第1.1项
- 项目1.2
- 项目1.3
项目2
//我试着做如下:
$('li.selecteditem')。在('。。。
但是after()方法只允许插入DOM节点,因此忽略所有关闭的标记“”。
有没有一种方法可以将这个html字符串准确地注入到我想要的地方
提前感谢您的帮助我现在知道您需要什么了,但是DOM操作只能在给定的DOM节点或可以转换为DOM节点的有效标记下进行。您可以做的是这样的事情,尽管这是一个非常粗糙的解决方案:
var html = $('ul').html().replace('<li class="selecteditem">Item 1.1</li>','<li class="selecteditem">Item 1.1</li></ul></li><ul>...');
$('ul').html(html);
var html=$('ul').html()。替换('li class=“selecteditem”>第1.1项,'li class=“selecteditem”>第1.1项>);
$('ul').html(html);
你在找这样的东西吗
$('.selecteditem').append('<li>Item 1.4</li>');
$('.selecteditem')。追加('项目1.4 );
如果使用.append()
将html插入到某个元素中,并将html保留在其中
我不明白你的问题,你能粘贴你想要的html结果吗?是的,我自己也在考虑这个问题,这是很有难度的,但如果这就是我们的全部,那么这不是很有难度,而是正确的答案。。。