我试图在元素之后删除所有特定的元素类型<h1>Title</h1>
,但仍保留一些元素类型:
<h1>Keep</h1>
<br />
<label>Keep</label><br />
<label>Keep</label><br />
<h1>Title</h1>
<br />
<label>Remove</label><br />
<input type="text" value="remove" /><br />
<input type="text" value="remove" /><br />
<label>Remove></label><br />
<input type="text" value="remove" /><br />
<p>Remove</p>
<br />
<hr />Keep <span>Keep</span>
我当前的代码完美运行:
$('h1:contains("Title")').prev('br').remove();
$('h1:contains("Title") ~ br').remove();
$('h1:contains("Title") ~ label').remove();
$('h1:contains("Title") ~ input[type="text"]').remove();
$('h1:contains("Title") ~ p').remove();
$('h1:contains("Title")').remove();
但我正在寻找一种以最有效的方式浓缩它的方法。
Using$('h1:contains("Title") ~ br, label, input[type="text"], p)
似乎不会选择那些元素,而是选择页面上所有这些类型的元素。
预期输出:
<h1>Title</h1>
<hr />Keep <span>Keep</span>