jQuery中的多条件选择器



我有以下代码,我想选择type=text和id为'announcement_date'的元素。我该如何在jQuery中做到这一点?请注意,这两个元素都有相同的id。这是在我正在使用的传统ASP页面中。

<input type="hidden" name="announcement_date" id="announcement_date" value="1111"></input>
<input type="text" name="announcement_date" id="announcement_date" value="323"></input>
<input type="text" name="eff_date" id="eff_date" value="123"></input>
<input type="text" name="end_date" id="end_date" value="123"></input>

我尝试了下面的选择器,但它未能选择正确的元素。

$("#announcement_date type=text").addClass("error");

ID必须是唯一的。

如果由于某种原因您无法更改html)您可以通过名称选择

$('input[name="announcement_date"][type="text"]');

您应该只使用id,因为在HTML中,在两个元素上拥有相同的id是非法的。

(也就是说,将html修复为具有唯一的id,然后使用id进行选择。)

我相信你可以使用这个想法。

所以你可以使用。。

$('input[type="text"][name="announcement_date"]')

这是一个相关的SO问题,它是相似的。

<input type="text" name="announcement_date"
class="announcement_date" value="1111" />
<input type="submit" name="announcement_date"
class="announcement_date" value="Submit" />

然后​

$(':text.announcement_date').addClass("error");

​演示

最新更新