javascript - 使用 javascript/jquery 删除特定的 html 代码

Question

<div id="mn">

    <p article="game" a_type="advertisement" cid="#P6_001"></p> 
    <p article="let" cid="#P6_005"></p> 
    <dc_title article="start" check_zone="true" a_type="masthead" cid="#P6_006"></dc_title> 
    <p article="end" cid="#P6_047"></p> 
    <p article="start" a_type="advertisement" cid="#P6_001"></p> 
    <p article="end" cid="#P6_005"></p> 
    <dc_title article="sd" check_zone="true" a_type="masthead" cid="#P6_006"></dc_title> 
    <p article="end" cid="#P6_047"></p> 
</div>

我有这样的代码。我想删除具有 article="start"属性的标签，下一个标签具有 article="end"

<dc_title article="start" check_zone="true" a_type="masthead" cid="#P6_006"></dc_title> 
<p article="end" cid="#P6_047"></p> 

所以在修复上面的代码之后我想像这样显示它:

<p article="game" a_type="advertisement" cid="#P6_001"></p> 
<p article="let" cid="#P6_005"></p> 
<dc_title article="sd" check_zone="true" a_type="masthead" cid="#P6_006"></dc_title> 
<p article="end" cid="#P6_047"></p>

Answer 1

如果您愿意使用 jQuery(或者在您的项目中可能)，您可以执行以下操作:

elements = $('[article="start"] + [article="end"]');
elements.prev().detach();
elements.detach();

第一行选择所有具有 article=end 的元素，其前面直接有一个具有 article=start 的元素。第二行删除 article=start 元素，第三行删除 article=end 元素。