0

これが私のHTMLの例です。

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

注：CSSのIDとクラスについてはすべて知っています。私はそれらが存在することを完全に承知しています。しかし、この場合、それが私が使用しようとしている名前の値である場合、私は何をすべきか疑問に思っています。

基本的に、divの名前（この場合は「JohnDoe」）を変数に保存するにはどうすればよいですか？

以下のコードで正常にアクセスできます。

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

    Do something;

};
4

3 に答える 3

3

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/

于 2012-12-06T21:38:18.997 に答える
2

属性名にスペースを含めることはできませんが、これは機能します

$(document).ready(function(){
    $('div[name="John Doe"]').click(function(){
        var divname = $(this).attr("name");
    }
};
于 2012-12-06T21:32:50.980 に答える
1

要素名にスペースを含めることはできません。私はアンダースコアを自由に追加しました：

$(document).ready(function(){
    $('div[name="John_Doe"]').click(function(){
        var divAttrName = $(this).attr('name').replace('_', ' ');;
    });
};
于 2012-12-06T21:33:09.280 に答える