jQuery-要使用的HTML选择器（Id和Class除外）

Question

使用Jquery时，除了可以使用Id和Class选择器之外，还可以使用其他功能吗？

例如：

<div id="myId" class="myClass"></div>

<script>
    $('.myClass').click(function() {
        alert(this.id); //alerts my "myId"
    });
</script>

我想要类似的东西：

<div id="myId" data-id="myDataId" class="myClass"></div>

<script>
    $('.myClass').click(function() {
        alert(this.dataId);
    });
</script>

Answer 1

您可以选择不同的选择器，例如：

$( "div[data-id='myDataId']" );

接着：

$(this).attr("data-id")

或.data（）（如果您使用更新的jQuery> = 1.4.3）

$(this).data("id")

您可以在此处阅读： http : //api.jquery.com/attribute-contains-selector/ http://api.jquery.com/category/selectors/

Answer 2

你可以做：

<div id="myId" data-id="myDataId" class="myClass"></div>

<script>
    $('.myClass').click(function() {
        alert($(this).data("id"));
    });
</script>

Answer 3

 $("[data-id=myDataId]")

JSfiddle http://jsfiddle.net/sjj41box/1/