Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.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
限制jQuery的搜索范围_Jquery - Fatal编程技术网

限制jQuery的搜索范围

限制jQuery的搜索范围,jquery,Jquery,我如何将范围限制在每个组,以便销售价值反映该组的数字 jQuery: var sales = (function calculateSales(){ $( "h1 small" ).each(function() { var group = $(this).parent('.group'); var numItems = group.find('.btn').length; var sold = group.find('.btn.hidde

我如何将范围限制在每个组,以便销售价值反映该组的数字

jQuery:

var sales = (function calculateSales(){
    $( "h1 small" ).each(function() {
        var group = $(this).parent('.group');
        var numItems = group.find('.btn').length;
        var sold = group.find('.btn.hidden').length;
        $(this).text(sold+" of "+numItems+" sold");
    });
    return calculateSales; 
}());
HTML:


标题值
标题值
var group=$(this.parent('.group')应该是
var group=$(this).closest('.group')

该方法只搜索搜索集的父节点(在本例中为
small
),因此它只查看不满足给定选择器的
h1
,因此不会返回任何内容

既然你想看看祖传树的用途


var sales=(函数calculateSales(){
$(“h1小”)。每个(函数(){
var group=$(this).closest('.group');
var numItems=group.find('.btn').length;
var sell=group.find('.btn.hidden').length;
$(此).text(已售出+”of“+numItems+”已售出”);
});
返回计算销售;
}());

标题值
标题值
<div class="group">
    <h1>Title <small>Value</small></h1>
    <div>
        <a href="#" class="btn"></a>
    </div>
    <div>
        <a href="#" class="btn hidden"></a>
    </div>
</div>

<div class="group">
    <h1>Title <small>Value</small></h1>
    <div>
        <a href="#" class="btn"></a>
    </div>
    <div>
        <a href="#" class="btn hidden"></a>
    </div>
</div>