Question

我在侧栏上有几个不同的部分，在js页面上：

$('#side_bar1,#side_bar2,#side_bar3,#side_bar4,#side_bar5').css({'background-color':'#d3d5a9'});
$('#side_bar1,#side_bar2,#side_bar3,#side_bar4,#side_bar5').find("p[class=certstatus]").html('<span class="requiredSection">Required </span><span class="updateDueSection">Update Due</span>');

在其中一个部分中，我需要删除“更新到期”范围并附加其他标记。但由于某种原因，我无法删除标签，（但我可以追加）：

if($('#content').data("isCertified")){
    $('#side_bar3').css({'background-color':'#758d56'});
    $('#side_bar3').find("p[class=certstatus]").find('span.updateDueSection').remove();
    if($('#side_bar3').find("p[class=certstatus]").find('span.requiredSection').length > 0)
        $('#side_bar3').find("p[class=certstatus]").append('<br/>'); 

    $('#side_bar3').find("p[class=certstatus]>.requiredSection").css({'color':'#D3D5A9'});      
    $('#side_bar3').find("p[class=certstatus]").append('<span class="certified">Certified on </span>');
    $('#side_bar3').find("p[class=certstatus]").append('<span class="certdate">' + $('#content').data("certDate") + '</span>');
}

css在开发人员工具中看起来像这样：

<p class="certstatus">
    <span class="requiredSection" style="color: rgb(211, 213, 169);">Required </span>
    <span class="updateDueSection">Update Due</span>
    <br>
    <span class="certified">Certified</span>
</p>

只是在我的描述中完成，我的css：

.updateDueSection {
  font-weight:bold;
  color:#73100b;
  padding-left: 20px;
  float: left;
}

.requiredSection {
  font-weight:bold;
  color:#73100b;
  padding-left: 20px;
}

.certified {
  background-image: url(../img/tickCertified.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #D3D5A9;
}

.certstatus {
  font-weight:normal;
  font-style:italic;
  font-size:9px;
  margin:6px 0 0 16px;
}

如何删除嵌套的“updateDueSection”范围？

删除嵌套的span类

0 个答案: