jQuery 目标第一项不起作用

Question

当我使用jQuery("input[title='Clone']")[0]时它返回我正在寻找的项目，但是当我尝试 jQuery("input[title='Clone']")[0].after( "<h1>test</h1>" ); 时它给了我一个 TypeError undefined is not a function。

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

Answer 1

该错误是因为您的语法正在访问 jQuery 选择器中的 native 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>");