通过data-attr（JQuery）选择

Question

我正在尝试按data-attr选择div，然后显示或隐藏它。

例如：$('div.product-details')其中attr为1切换.show() / .hide()。

有人能告诉我怎么做吗？我似乎无法在任何地方找到它。

非常感谢

Answer 1

您可以使用属性值选择器按属性值获取元素：

var divObj = $('div.product-details[data-attr="1"]');

Answer 2

的JavaScript：

您可以使用document.querySelector(selector)执行此操作：

Fiddle

var elem = document.querySelector('div[data-name="alex"]');
elem.onmouseover = function() {
    this.style.opacity = '0';
}
elem.onmouseleave = function() {
    this.style.opacity = '1';
}

jQuery的：

Fiddle

$('[data-name="alex"]').mouseover(function() {
    $(this).css({'opacity': '0'});
}).mouseleave(function() {
    $(this).css({'opacity': '1'});
})