jquery - 将元素名称分配给变量？

Question

这是我的示例 HTML：

<div name="John Doe"></div>

注意：我知道所有关于 CSS 中的 ID 和类的信息。我完全知道它们的存在。但在这种情况下，我想知道当它是我要使用的名称值时该怎么办。

基本上，如何将 div 的名称（在本例中为“John Doe”）保存到变量中？

我可以使用以下代码成功访问它：

$(document).ready(function(){
    $('div[name="John Doe"]').click(function(){

    Do something;

};

Answer 1

您应该data为此使用属性

HTML：

<div data-name="John Doe">...</div>

JS：

$(function(){
    $('div[data-name="John Doe"]').on('click', function() {
        var myNameVar = $(this).data('name'); // Here is your variable.
    });
});

http://jsfiddle.net/6tatB/

Answer 2

属性名称中不能有空格，但这会起作用

$(document).ready(function(){
    $('div[name="John Doe"]').click(function(){
        var divname = $(this).attr("name");
    }
};

Answer 3

元素名称不能包含空格。我冒昧地添加了一个下划线：

$(document).ready(function(){
    $('div[name="John_Doe"]').click(function(){
        var divAttrName = $(this).attr('name').replace('_', ' ');;
    });
};