jquery 从 DOM 获取非唯一 ID

假设我有这两个唯一 ID 的 div，其输入元素不是唯一 ID 的输入。

<div id="column1" >
    ...
    <input checked="checked" type="checkbox" name="days" value="1" id="id_days_0" />
</div>

<div id="column2" >
    ...
    <input checked="checked" type="checkbox" name="days" value="1" id="id_days_0" />
</div>

我如何根据顶级 div ID 区分两个输入？

显然，这是行不通的：

$('#id_days_0').attr('checked')

有没有办法只关注特定 div 中的一个输入 ID？

如前所述，您应该始终使您的 ID 唯一，并且替换类将是一个好方法。

话虽如此，您可以参考以下必要的项目：

HTML:

<div id="column1" >
    First <input checked="checked" type="checkbox" name="days" value="Chk1" id="id_days_0" />
</div>
<div id="column2" >
    Second <input checked="checked" type="checkbox" name="days" value="Chk2" id="id_days_0" />
</div>

JavaScript：

alert("Check1 = "+$("#column1 #id_days_0").val()+"\n"+"Check2 = "+$("#column2 #id_days_0").val());

原因是这can工作是由于对象的引用基于首先引用父对象，然后是子对象。

工作示例：http://jsfiddle.net/8VqtE/ http://jsfiddle.net/8VqtE/