Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 统计div容器中的样式标记数_Javascript_Jquery - Fatal编程技术网

Javascript 统计div容器中的样式标记数

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> &

我试图使用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 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')。但长度
可以解决这个问题。