getElementsByName on jQuery

Question

当我在Javascript中按名称选择元素时，我通常使用以下代码：

document.GetElementsByName('pencil')[0]

这样，它得到第一个元素的名字“铅笔”，如果我想得到第二，第三，等等。我只是改变了零，1，以此类推。

现在我尝试在jQuery中这样做，方法是使用这个选择器：

$('div[name|="pencil"]')

显然，这将是一个名为“铅笔”的div数组。

如何使它引用特定的名称，就像引用普通的javascript一样？谢谢。

我试图通过使用以下代码来获得它的innerHTML：

alert( $('div[name|="ball"]').html()

Answer 1

我将使用.eq()方法并这样做：

$('div[name="pencil"]').eq(0)

我觉得读起来容易点。

我不知道你为什么要用管子。这将选择带有name=“铅笔”或name=“铅笔-”的div。

将来的读者:无论如何，您不应该给div元素name属性；表单元素通常被赋予name，并且它们应该是唯一的。

Answer 2

$('div[name|="pencil"]')[0]

或

$('div[name|="pencil"]:first')

或

$('div[name|="pencil"]:eq(0)')