匹配 id FILTER 的 Jquery Checkbox

Question

<div class="posts">
<input id="chkbox_0" type="checkbox" value="chck_0" name="list" style="float:left;height:95px; width:15px;">
<div class="title box " onclick="thisimg(0,252250)">
<div class="click" style="float:right;">
Clicks
<br>
<div id="count_0"> 0 </div>
</div>
</div>
</div>

<div class="posts">
<input id="chkbox_1" type="checkbox" value="chck_1" name="list" style="float:left;height:95px; width:15px;">
<div class="title box " onclick="thisimg(0,252250)">
<div class="click" style="float:right;">
Clicks
<br>
<div id="count_1"> 0 </div>
</div>
</div>
</div>

<div class="posts">
<input id="chkbox_2" type="checkbox" value="chck_2" name="list" style="float:left;height:95px; width:15px;">
<div class="title box " onclick="thisimg(0,252250)">
<div class="click" style="float:right;">
Clicks
<br>
<div id="count_2"> 6 </div>
</div>
</div>
</div>

<div class="posts">
    <input id="chkbox_3" type="checkbox" value="chck_3" name="list" style="float:left;height:95px; width:15px;">
<div class="title box " onclick="thisimg(0,252250)">
<div class="click" style="float:right;">
Clicks
<br>
<div id="count_3"> 0 </div>
</div>
</div>
</div>

我已经为此工作了 7 天，但没有成功，所以我假设我问的问题不正确。所以我想要做的是选中与点击元素索引对应的框，即 0。不是索引 0，而是数字零。除了索引之外，我有 4 个相同代码的 sn-ps。有时点击次数几乎为零，这很重要。我希望索引的复选框与零点击次数相同。这是我尝试过的：

var allZeros = $("[id^=count]:contains(0)").css('color', 'red').each(function(i) {
  $("input:checkbox").trigger('click');
});

这会检查所有框。

我也试过了

$("input:checkbox").eq(i).trigger('click');
$("input:checkbox").trigger('click').attr('id');  

两者都使用 allZeros 索引并检查该数量的框。例如，在示例中，我有 3 个全零，因此它选中了前 3 个，但它应该做的是选中前 2 个零，点击 6 次跳过那个并选中第 3 个零。

您可以在此处查看该页面：http://www.zyngapokerchipsfree.com/ 该页面上有 60 到 70 个项目。我希望这更清楚。感谢您的帮助。

Answer 1

您可以使用匹配元素的 ID。

var $c = $("input[type=checkbox]");

$("div[id^=count]:contains(0)").css('color', 'red').each(function(i) {
    var id = this.id.replace('count', 'chkbox');
    $c.filter('[id="'+ id +'"]').prop('checked', true);
});

如果您想选择文本内容仅为0 而不是10、20、...的元素，您可以使用filter 方法：

$("div[id^=count]").filter(function(){
   return $.trim( $(this).text() ) === '0';
}).css('color', 'red').each(function(i) {
    var id = this.id.replace('count', 'chkbox');
    $c.filter('[id="'+ id +'"]').prop('checked', true);
});

Answer 2

要检查您需要使用的复选框

$('checkbox').prop('checked', 'checked')

你的情况

var allZeros = $("div[id^=count]:contains(0)").css('color', 'red').each(function(){
    var id = $(this).attr('id').substring(6);
    $('#chkbox_'+id).prop('checked', 'checked')
})

演示：Fiddle