Question

我有4个HTML DOM元素：

<div data-equipment-type="addon" style="display: inline-block;">Universal Plug Adaptor</div>
<div data-equipment-type="addon" style="display: inline-block;">WiFi Access</div>
<div data-equipment-type="addon" style="display: inline-block;">LAN Cable</div>
<div data-equipment-type="addon" style="display: inline-block;">Mouse</div>

我使用jQuery查询这些DOM元素：

var x = jQuery('div[data-equipment-type="addon"')

然后我想获取x中每个DOM元素存储的html（）值。预期产出：

Universal Plug Adaptor
WiFi Access
LAN Cable
Mouse

但是，以下功能不起作用。

x[0].html()
$(x)[0].html()

但以下内容返回html元素：

x[0] //output is <div data-equipment-type="addon" style="display: inline-block;">Universal Plug Adaptor </div>
$(x)[0] //output is <div data-equipment-type="addon" style="display: inline-block;">Universal Plug Adaptor </div>

Answer 1

x现在是DOM元素的jQuery集合（Array）。

x.eq(0).html()

或

$(x[0]).html()

或JS

x[0].innerHTML

将为您提供所需的

x [0] .html（）或$（x）[0]不是函数jQuery

1 个答案: