Javascript 统计div容器中的样式标记数
我试图使用jquery计算img元素的总数,然后计算父div标记中存在的样式标记的数量。当前HTML如下所示:Javascript 统计div容器中的样式标记数,javascript,jquery,Javascript,Jquery,我试图使用jquery计算img元素的总数,然后计算父div标记中存在的样式标记的数量。当前HTML如下所示: <div id="origin" class="ui-test"> <div class="polaroid ui-test"> <img src="http://example.com/84655/l/72105d6f46205a948f00f6e59c299930.jpg" > </div> &
<div id="origin" class="ui-test">
<div class="polaroid ui-test">
<img src="http://example.com/84655/l/72105d6f46205a948f00f6e59c299930.jpg" >
</div>
<div class="polaroid ui-test">
<img src="http://example.com/77676/l/819e2093be4c61d2e21b1175f9d0f0f9.jpg" >
</div>
<div class="polaroid ui-test" style="left: 288.328125px; top: -8px; display: none;">
<img src="http://example.com/47901/l/79f936ef9847793254bad21e16b2448f.jpg" >
</div>
<div class="polaroid ui-test" style="left: 94.328125px; top: 6px; display: none;">
<img src="http://example.com/49761/l/6d10064d6b189c6934fd264ac295f5f8.jpg" >
</div>
</div>
如何获取显示的图像总数:无?尝试以下方法:
var totalImages = $("#origin img").length;
var totalImagesWithStyle = $("#origin div[style] img").length;
//or
var totalImagesWithStyle = $("#origin div:hidden img").length;
//or
var totalImagesWithStyle = $("#origin .polaroid:hidden img").length;
试试这个:
var totalImages = $("#origin img").length;
var totalImagesWithStyle = $("#origin div[style] img").length;
//or
var totalImagesWithStyle = $("#origin div:hidden img").length;
//or
var totalImagesWithStyle = $("#origin .polaroid:hidden img").length;
选择器选择所有隐藏的图元
$(“#原点分区:隐藏”).length代码>选择器选择所有隐藏的元素
$(“#原点分区:隐藏”).length代码>尝试使用:hidden
尝试使用:hidden
看。它由HTML部分组成;我留下了左边和上面的声明。除此之外,还有一些jQuery:
var $imgWrp = $('#origin .polaroid');
var $images = $imgWrp.find('img');
var $hiddenImages = $imgWrp.filter(':hidden').find('img');
console.log($images.length);
console.log($hiddenImages.length);
看。它由HTML部分组成;我留下了左边和上面的声明。除此之外,还有一些jQuery:
var $imgWrp = $('#origin .polaroid');
var $images = $imgWrp.find('img');
var $hiddenImages = $imgWrp.filter(':hidden').find('img');
console.log($images.length);
console.log($hiddenImages.length);
为了提高效率,我将其分为两个步骤:
var allImages = $("#origin").find("img");
var hiddenImages = allImages.filter(":hidden");
然后,您可以检索其中一个或两个集合的长度(根据需要),并从中继续。为了提高效率,我将其分为两个步骤:
var allImages = $("#origin").find("img");
var hiddenImages = allImages.filter(":hidden");
然后,您可以检索其中一个或两个集合的长度(根据需要),并从那里继续。图像不会隐藏;父母是(类。宝丽来)。图像不隐藏;家长是(班级。宝丽来)。请看我对Blud答案的评论<代码>$('#origin.polairoid:hidden img')。长度
会起作用。请参阅我对Blud答案的评论<代码>$('#origin.polairoid:hidden img')。但长度
可以解决这个问题。