javascript - 对于相同的事件但不同的对象 jquery 有相同的功能

Question

我正在使用 jquery 创建动态 LI。

我有这个 jquery 用于更改 li 的名称。我不想使用 li 的 ID 创建一个新函数来执行此操作。我不认为这是最好的方法。想象我加100里，我就有100个功能。这将是做到这一点的最佳方式。

我在这里有我的演示:http://jsfiddle.net/DiegoTc/dXX9G/

<div class="col-md-3 well">
<ul class="nav nav-pills nav-stacked" id="myTab">
<li id="pTabP" class="active">
    <a href="#tab_preview" data-toggle="pill">
        <span  id ="tabPr1" class="display">Preview Card</span>
        <input type="text" class="edit" style="display:none"/>
    </a>
</li>
<li id="fTab">
    <a href="#tab_GInfo" data-toggle="pill">
        <span  id ="tabG1" class="display">General Info</span>
        <input type="text" class="edit" style="display:none"/>
    </a>
</li>


 $("#pTabP").dblclick(function(){
   $("#tabPr1").hide().siblings(".edit").show().val($("#tabPr1").text()).focus();
 });
 $("#fTab").dblclick(function(){
   $("#tabG1").hide().siblings(".edit").show().val($("#tabG1").text()).focus();
 });
 $(".edit").focusout(function(){
    $(this).hide().siblings(".display").show().text($(this).val());
 });

Answer 1

我向每个跨度添加了一个 edit_text 类。然后，一旦您双击它，它就会自动找到文本框并显示它。

我很确定这就是您想要的:http://jsfiddle.net/dXX9G/3/

$(this).hide().siblings(".edit").show().val($(this).text()).focus();