ソースでは、にli.q_basket_area
属する数を見つけたいと思いますul#side-recent-area
。
コンソールログに表示される値は、5ではなく3です。
コンソールは5を正しく出力します。
$newAt(".recent_number").text('['+ nodesSameClass +']');
上記の場合、nodesSameClassの値は3です。
diplaynone
クラスのスタイルはdisplay:none!important;
これは影響を受けますか?どうしましたか?
前もって感謝します。
var parent = document.getElementById("side-recent-area");
var nodesSameClass = parent.getElementsByClassName("q_basket_area");
console.log(nodesSameClass.length);
.displaynone {display:none!important;}
<span class="recent_number"></span>
<ul id="side-recent-area" class="side-recent-area">
<li class="q_basket_area xans-record-">
<div class="q_basket_details displaynone">
<h3 class="q-heading -size-xs">
<a href="/show/board.html##param##">product</a>
</h3>
<ul class="q_basket_info">
<li class="q_basket_name">
<a href="#;" class="displaynone">(eng : )</a>
</li>
</ul>
</div>
</li>
<li class="q_basket_area xans-record-">
<div class="q_basket_details displaynone">
<h3 class="q-heading -size-xs">
<a href="/show/board.html##param##">product</a>
</h3>
<ul class="q_basket_info">
<li class="q_basket_name">
<a href="#;" class="displaynone">(eng : )</a>
</li>
</ul>
</div>
</li>
<li class="q_basket_area xans-record-">
<div class="q_basket_details displaynone">
<h3 class="q-heading -size-xs">
<a href="/show/board.html##param##">product</a>
</h3>
<ul class="q_basket_info">
<li class="q_basket_name">
<a href="#;" class="displaynone">(eng : )</a>
</li>
</ul>
</div>
</li>
<li class="q_basket_area displaynone xans-record-">
<div class="q_basket_details displaynone">
<h3 class="q-heading -size-xs">
<a href="/show/board.html##param##">product</a>
</h3>
<ul class="q_basket_info">
<li class="q_basket_name">
<a href="#;" class="displaynone">(eng : )</a>
</li>
</ul>
</div>
</li>
<li class="q_basket_area displaynone xans-record-">
<div class="q_basket_details displaynone">
<h3 class="q-heading -size-xs">
<a href="/show/board.html##param##">product</a>
</h3>
<ul class="q_basket_info">
<li class="q_basket_name">
<a href="#;" class="displaynone">(eng : )</a>
</li>
</ul>
</div>
</li>
</ul>
結果は間違っていません。除外する方法、要素として取得したくないものはすべて、Terryの投稿を確認してください。それはあなたの質問に正確に答えます。
1行の解決策としての代替手段は、querySelectorAllを使用することです。
var l = document.querySelectorAll( 'ul#side-recent-area li.q_basket_area:not(.displaynone)' ).length;
console.log( l ); // run this to get the result
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加