使用 jQuery 的自定义 ATTR 选择器

custom attr selector using jquery

本文关键字：ATTR 选择器 自定义 jQuery 使用      更新时间：2023-09-26
<div id="placeholdSlots">
    <div sort-helper="1"></div>
</div>

如何使用排序助手自定义属性选择div？我知道attr('sort-helper'(只能获取值。

$('div[sort-helper]');

或在原版中

document.querySelectorAll('div[sort-helper]');

无论如何，我建议改用data-*属性，例如

<div data-sort-helper="1"></div>

使用 jQuery 属性选择器 

alert($('div[sort-helper="1"]').html());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="placeholdSlots">
    <div sort-helper="1">abc</div>
</div>

jQuery不是

唯一的方法。你可以使用直接的Javascript，像这样：

    检索具有

  • 名为 sort-helper 的属性的第一个div

    var elem = document.querySelector("[sort-helper]");

  • 检索具有名为 sort-helper 的属性的所有div

    var list = document.querySelectorAll("[sort-helper]");

这比jQuery更快，因为它是本机代码。它现在是跨浏览器的(对于现代浏览器;-((。

相关文章：