选中正确的文本JQUERY标记框

时间:2013-06-08 00:51:30

标签: jquery checkbox filter indexing

<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 style="float:left; width:100px; overflow:hidden; white-space: pre;">
 **potdFeed**
 <br>
7 Hs 51 Ms ago
</div>
</div>

这是一个与我不同的问题,基本上相同的HTML只是一个不同的对象。我正在使用COUNT来检查相应的框,现在我正在尝试使用div中的文本。

我试过了

 var mainDiv = $("div:contains(potdfeed)");  
 ($(this.mainDiv).eq[3].css('color', 'red'));

和这个

  $ (this).css('color', 'red');
   alert($(this).closest("click").find("posts").index(this));
  $('input:checkbox').prop(checkbox , true)
  });

您可以查看网站ZYNGA POKER 您会注意到一些平方名称是相同的,但文本没有像复选框那样编入索引,而且我很难理解如何检查某些文本的框。所以,让我们说在页面上有8个potdfeed我只想要那些检查。提前谢谢。

1 个答案:

答案 0 :(得分:1)

div:contains(potdfeed)

的几个问题
  1. 在potdfeed周围缺少引号
  2. 一切都是区分大小写的,所以它应该是potdFeed
  3. div:contains()会找到包含该内容或包含该内容的子项的任何外部div。要仅获取直接div,请使选择器更精确(.posts .title div),或者将类添加到名称div。
  4. 这会让你有这样的事情:

    $(".posts .title div:contains('potdFeed')")`
    

    这可以获得匹配div的集合。要找到相应的复选框,请将树向上走到外部.posts div,然后找到包含的<input>标记:

    .closest('.posts').find('input')
    

    所以你的最终代码看起来像这样:

    $(".posts .title div:contains('potdFeed')")
        .closest('.posts')
        .find('input')
        .prop('checked', true);