我在网站上将范围“ .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" );
}
});