子跨度文本为0时,从父级删除班级

时间:2019-06-26 18:17:15

标签: javascript jquery html

我在网站上将范围“ .bubble”加载到范围“ .auction-count”中:

$(function(){
  $(".auction-count").load("/eqdkp_plus/Guildbank.html .bubble");
});

到目前为止很好。

如果我然后尝试从父级li中删除类“非零”,如果子范围“ .bubble”的文本为0,则什么都不会发生。 只能在小提琴中正常工作,但不能在我的实际网站上工作。

HTML

<li class="tab auktionen non-zero" title="Auktionen ()">
    <a class="nav-link" href="/auktionen">Auktionen</a>
    <strong>
        <span class="counter auction-count"><span class="bubble">0</span></span>
    </strong>
</li>

CSS

.auktionen{
  background: none;
}
.non-zero, .non-zero a{
  color: white;
  font-weight: bold;
  background: red;
  width: 120px;
  height: 25px;
  padding: 10px;
}

JS-ready(function()

var value = $('.bubble').text() == "0";
  if (!value) {
    $('li.auktionen').removeAttr("title");
  } else {
    alert( "Count value is 0!" );
    $('span.counter.auction-count').remove();
    $('li.auktionen').removeClass('non-zero').removeAttr("title");
  }

这是我的示例:https://jsfiddle.net/Neverlands/aov7Ldpw/50/#&togetherjs=cO6QExBT6t

更新
我现在已经设法删除了类和属性,但是很明显我无法区分“ .bubble”范围的innerHTML值是0还是另一个数字。

我只需要这部分的帮助:

$( document ).ready(function() {
    var value = document.getElementsByClassName("bubble").innerHTML = "0";
        if (!value) {
            alert( "The count value is at least 1" );
        } else {
            alert( "The count value is 0" );
    }
});

0 个答案:

没有答案