ダブルクリックしてツリーラベルを変更

Question

私はネストされたULとLIで構築したjavascriptツリーコントロールを持っています。私は、ユーザーがダブルクリックして、ツリー内のアイテムのラベルを変更できるようにします。私が一番上にこの行を置く：

<ul id="dhtmlgoodies_tree2" class="dhtmlgoodies_tree" ondblclick="change(event)"> 

と私が持っている変更機能のために：

function change(ev) { 

ev.preventDefault(); 
console.log(ev) 
var it = prompt("Channel Name", ""); 
} 

私はEVの値を見てみると、それはマウスのクリックイベント（場所、およそすべてです等。）。ツリーにハンドルをつけて、クリックしたLIをさらに良くする方法はありますか？

Answer 1

evも、ユーザーがクリックした要素とまったく同じであるtargetプロパティを持っています。

たとえば、関数にev.target.textContent = it;を追加すると、要素のテキストがユーザーの回答に変更されます。

Answer 2

あなたはこのようなJQueryでそれを簡単に行うことができます

$("ul li").ondblclick(function(){ 
    var text = $(this).text() 
    console.log(text) 
}); 

は、それはあなたを助け願っています。