javascript - Javascript删除特定的css值

Question

我正试图从下面删除“数量”这个词，我想我已经接近了，但显然有些东西是关闭的，因为它不起作用。

<div class="DetailRow" style="display: ;">
    <div class="Label">
        <label>Quantity</label>

和：

<script type="text/javascript">
$(document).ready(function(){
    $('#text_qty_').parent().parent().remove();
    $('#qty_').parent().parent().remove();
    $('.QuantityInput').remove();
    $('label[for="Quantity"]').css('display', 'none').remove();
});
</script>

Answer 1

添加 id 后尝试使用纯 js 进行操作。

<div class="DetailRow" style="display: ;">
<div class="Label">
<label id ="text">Quantity</label>

<script type="text/javascript">
$(document).ready(function(){
    document.getElementById("text").innerHTML = "";
});
</script>

Answer 2

$('label[for="Quantity"]')不会检索<label>Quantity</label>，因为它没有属性for。只需使用$('label')or$('.Label label')就可以了。

Answer 3

您的标签需要一个 ID。在本例中，我将使用“数量”作为 id。

$('label[id="quantity"]').hide();

这将起作用，但这会将样式应用于所有标签。

$('label')

不过最好使用纯 JavaScript。

Answer 4

试试这个$('label').html('');。

Answer 5

您可以使用纯 javascript 和现有标记与querySelector：

var el = document.querySelector('.DetailRow .Label label');
if (el) {
  // do stuff
}

如果要删除内容，则：

el.textContent = '';

如果要删除元素，则：

el.parentNode.removeChild(el);

等等……</p>

Answer 6

如果要删除标签元素本身，请尝试以下操作：

 var labels = $('label');
 if( labels.text() == 'Quantity' ){
      labels.remove();
}

要仅删除单词 Quantity 而不删除标签元素：

labels.text('');

如果要删除其父级：

labels.parent().remove();

还要删除父母的父母，<div class="DetailRow">使用这个：

labels.parent().parent().remove();

JSFiddle

Answer 7

我认为您可以检查标签值，如果值等于“数量”，则删除标签

尝试这个：

<div class="DetailRow">
    <div class="Label">
        <label>Quantity</label>
    </div>
</div>

和脚本：

$(document).ready(function(){
    $(".DetailRow label:contains('Quantity')").hide();
});

http://codepen.io/Himechi90/pen/rOJYjX

Answer 8

谢谢格里菲斯！这非常有效。任何试图从 bigcommerce 上的部分产品中删除数量和数量框的人的完整代码。请注意，您需要创建一个单独的产品模板并将其添加到 %%Panel.Header%% 下面

<script type="text/javascript">
$(document).ready(function(){
$('#text_qty_').parent().parent().remove();
$('#qty_').parent().parent().remove();
$('.QuantityInput').remove();
$('label').filter(function() { return $(this).text() === "Quantity"; }).remove();
});
</script>

另请注意，#text_qty_ 等的值可能会根据您的模板而变化。

谢谢大家花时间帮助我！