jquery - jQuery 上的 getElementsByName

Question

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

document.GetElementsByName('pencil')[0]

这样，它通过名称“铅笔”获得第一个元素，如果我想获得第二个、第三个等，我只需将零更改为一个，依此类推。

现在我正在尝试通过使用这个选择器在 jQuery 中执行此操作：

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

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

我怎样才能让它引用一个特定的名称，就像我使用纯 javascript 所做的那样？谢谢你。

---

我正在尝试使用以下代码获取其 innerHTML：

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

Answer 1

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

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

我觉得它读起来容易一些。

我不确定你为什么要使用管道。这将选择名称=“铅笔”或名称=“铅笔-”的 div。

未来的读者：你不应该给div元素name属性。表单元素通常被赋予names，并且它们应该是唯一的。

Answer 2

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

或者

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

或者

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