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('_', ' ');;
    });
};

将元素名称分配给变量？

3 个答案: