javascript - 访问jQuery中的元素名称

Question

我有以下内容 -

var jsonObj = [ {"name" : "Jason"},{"name":"Bourne"},{"name":"Peter"},{"name":"Marks"}];

<!---->

$("#getname").click(function() {
    var response = getNames(jsonObj);
    $("#nameData").html(response);
});

function getNames(jsonObj){
    var response  = JSON.stringify(jsonObj);
    for ( var i = 0, len = jsonObj.length; i < len; i++) {
        var nameVal =  jsonObj[i].name;
        response = response.replace(nameVal,replaceTxt(nameVal,i));
    }
    return response;
}

function replaceTxt(nameVal,cnt){
    return "<u id='"+cnt+"' name='names' >"+nameVal+"</u> ";
}

$('u[name="names"]').dblclick(function(){
    var currentId = $(this).attr('id');
    alert(currentId);
    });
});

和html如下 -

<button id="getname">Get Name</button>
<div id="nameData"></div>

双击名称值不会生成警报。

Answer 1

你确定是..

 <dev id="nameData"></dev>

或者

<div id="nameData"></div>

这行得通...但是您});的问题还有其他内容...（不知道是否是错字）

在这里摆弄

Answer 2

尝试这个：

$(document).ready(function(){    
    $('u[name="names"]').live("dblclick", function(){
        var currentId = $(this).attr('id');
        alert(currentId);
    });
});

Answer 3

正如您的代码所暗示的那样，您正在.dblclick()使用动态生成的元素，这不起作用，you have to select parent elem which exist in the document

$(document).on('dblclick','u[name="names"]', function(){
    var currentId = $(this).attr('id');
    alert(currentId);
});

试试这个。

Answer 4

尝试移动此代码：

$('u[name="names"]').dblclick(function(){
    var currentId = $(this).attr('id');
    alert(currentId);
    });
}); 

里面

$("#getname").click(function() {
    var response = getNames(jsonObj);
    $("#nameData").html(response);
});

喜欢：

$("#getname").click(function() {
    var response = getNames(jsonObj);
    $("#nameData").html(response);
$('u[name="names"]').dblclick(function(){
    var currentId = $(this).attr('id');
    alert(currentId);
    });
}); 
});

Answer 5

你不需要最后一个“ });”或者你没有粘贴整个代码。

看这里：http: //jsfiddle.net/4cajw/1/

Answer 6

JSON.stringify - 对象 -> JSON。

JSON.parse - JSON -> 对象