javascript - jQuery 数据从多个名称中选择

Question

我有这样的设置，我需要获取其中一个 data-target:

<div data-target="one">One</div>
<div data-target="two">Two</div>
<div data-target="three">Three</div>

我如何着手编写一个允许我定位 data-target="one"

的选择器

Answer 1

使用基本的Attribute Selector为了这。因此，您可以这样定位它:

$('[data-target="one"]');

获取数据元素可以使用:

$('[data-target="one"]').data("target");

确保您使用最新版本的 jQuery。如果没有，您也可以这样使用纯 JavaScript:

document.querySelectorAll('[data-target="one"]');