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"]');

Answer 2

特定属性的常用CSS selector也适用于数据属性，div[data-target="one"]

function jChoice(val) {
    return $('[data-target="' + val + '"]');
}