限制jQuery的搜索范围
我如何将范围限制在每个组,以便销售价值反映该组的数字 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
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>