javascript - 删除前 2 个 内容，除了标签 中的内容

Question

如何删除前 2 <li> 的内容，除了标签内的内容 <label>第二个<li> .

我的结构是这样的:

<ul>
    <li> 
        Text <label>1#</label> <input type="text" value="" />
    </li>
        <li> 
        Text <label>2#</label> <input type="text" value="" />
    </li>
        <li> 
        Text <label>3#</label> <input type="text" value="" />
    </li>
        <li> 
        Text <label>4#</label> <input type="text" value="" />
    </li>
        <li> 
        Text <label>5#</label> <input type="text" value="" />
    </li>
        <li> 
        Text <label>6#</label> <input type="text" value="" />
    </li>
        <li> 
        Text <label>7#</label> <input type="text" value="" />
    </li>
    
</ul>

并且必须删除代码并保持这种状态:

<ul>  
    <li> 
        <label>2#</label> 
    </li>
        <li> 
        Text <label>3#</label> <input type="text" value="" />
    </li>
        <li> 
        Text <label>4#</label> <input type="text" value="" />
    </li>
        <li> 
        Text <label>5#</label> <input type="text" value="" />
    </li>
        <li> 
        Text <label>6#</label> <input type="text" value="" />
    </li>
        <li> 
        Text <label>7#</label> <input type="text" value="" />
    </li>
    
</ul>

DEMO CODE

(我的英语很烂，我希望你能理解我的问题，而且大家都很清楚。)

Answer 1

这会完全删除第一个列表项，然后是第二个列表项中除标签之外的所有节点。

Demo

$('ul li:nth-child(1)').remove();
$('ul li:nth-child(1)').contents().filter(function(){
    return !$(this).is('label');
}).remove();