jQuery目标第一项不起作用

时间:2014-12-08 14:11:13

标签: jquery

当我使用jQuery("input[title='Clone']")[0]时,它返回我正在查找的项目,但是当我尝试jQuery("input[title='Clone']")[0].after( "<h1>test</h1>" );时,它给我一个TypeError undefined不是一个函数。

如何定位页面上的第一个项目而不是所有项目?

2 个答案:

答案 0 :(得分:5)

错误是因为您的语法正在访问jQuery选择器中的本机DOM元素,然后尝试在其上使用jQuery方法。

要通过jQuery获取选择器的第一个元素,请使用:first.first().eq(0)

jQuery("input[title='Clone']:first").after("<h1>test</h1>");
jQuery("input[title='Clone']").first().after("<h1>test</h1>");
jQuery("input[title='Clone']").eq(0).after("<h1>test</h1>");

答案 1 :(得分:2)

jQuery("input[title='Clone']")[0]将返回所需的dom对象,但不能对它们使用本机jquery方法。您需要在此处使用.eq().first()选择器:

jQuery("input[title='Clone']").eq(0).after( "<h1>test</h1>" );//or jQuery("input[title='Clone']:eq(0)")

jQuery("input[title='Clone']").first().after( "<h1>test</h1>");//or jQuery("input[title='Clone']:first")