遍历div标签内的所有复选框

时间:2010-08-20 16:01:33

标签: javascript jquery

我需要循环遍历id为#abc123

的div标签内的所有复选框

我该怎么做?

$("#abc123").foreach( ???? )

更新的 我的html行看起来像:

<tr>
<td><input .../> </td>
<td>234</td>

</tr>

我需要将<td>的值添加到复选框的ID中。

我会以某种方式获得父母,然后是祖先吗?

4 个答案:

答案 0 :(得分:8)

$("#abc123 input[type=checkbox]").each(function()
     {

     });

更新:

好的,让我看看我是否直截了当。给出:

<tr> 
<td><input .../> </td> 
<td>234</td> 
</tr>

您希望结果(有效)

<tr> 
<td><input id="abc234" .../> </td> 
<td>234</td> 
</tr>

$("td input[type=checkbox]").each(function()
{
     var id = $(this).next("td").text();
     $(this).attr("id", "abc"+ id);
});

答案 1 :(得分:5)

$("#abc123 input[type=checkbox]").each(function() {
    $(this).dosomething();
});

答案 2 :(得分:0)

使用onkeydown活动...我建议使用keycode“9”的标签键

$(document).keydown(function(e){
  if(event.keyCode == '9'){ 
  ... 
}

if statement内,您需要nested if statement来检查哪个元素处于焦点,然后将焦点分配给下一个元素,如下所示:

document.div.id.focus();

答案 3 :(得分:0)

您没有标记代码中#abc123的位置。此外,<td>标签是否有任何标识?以下可能有效。

$("#abc123 input:checkbox").each(function(i) {
    id = $(this).closest('td').next('td').text();
    $(this).attr('id', id);
});

我不确定你<div id="abc123">中的<td>有多深,所以我使用了nearest()方法来获取单元格包装器。如果它只有1深,即代码中没有<div>,那么你可以使用parent()。祝你好运。