JQuery选择器不起作用

时间:2012-10-25 12:49:08

标签: javascript jquery html jquery-selectors

我的页面上有以下输入:

<input type="text" name="r1" />

我正在尝试使用$("[name='r1']")使用JQuery选择它,并且由于某种原因它返回null。好吧,很好,标题是误导性的,因为我做错了;你能告诉我什么吗?

修改

$('input[name="r1"]')也不起作用。此外,抱歉打字错误。

7 个答案:

答案 0 :(得分:7)

最后编辑

Working DEMO

Html代码

<input type="text" name="r1" />​

Jquery代码

$(document).ready(function() {
   alert($('input[name="r1"]').length);
});​

OLD更新

您在此处输入拼写错误,您试图查找r2元素,而不仅仅是更新代码$("[name='r1']")

找到你应该按照以下方式做的正确方法

$("input[name='r2']")而不是$("[name='r2']")

修改

根据您编辑的问题,您应该在此处查看示例:Attribute Equals Selector [name="value"]

修改

正确检查你可以这样做

$(document).ready(function() {
   alert($('input[name="r1"]').length);
});

答案 1 :(得分:2)

刚做了一个快速测试:

<input type="text" name="r1" />​

使用以下Javascript

$('input[name=r1]').click(function(e){
  alert('found');
});​

它完美无缺!

答案 2 :(得分:1)

你没有告诉jQuery你正在寻找什么元素,那就是你input

尝试这样做

$('input[name=r1]')

答案 3 :(得分:1)

我认为选择器错了。应该是r1而不是r2

jsFiddle

$("[name=r1]")

答案 4 :(得分:1)

您需要包含属性过滤器的html标记。

$("input[name='r2']");

有关属性选择器的详细信息,请参阅this链接。

答案 5 :(得分:1)

它肯定会有效:

$("*[name='r1']")

答案 6 :(得分:0)

您可以在此方案中同时使用$("[name='r1']")$('input[name="r1"]')

如果您想选择名为“名称”属性等于“ r1 ”的任何元素,请使用$("[name='r1']")

如果您只想选择名为“名称”属性等于“ r1 ”的输入元素,请使用$('input[name="r1"]') < / p>

列出了更多JQuery属性填充程序示例here