要素を範囲から入力に変更する

Question

選択時に、範囲フィールドのタイプを入力フィールドに変更しようとしています。現在、要素自体がクリックされたときに要素を変更するコードが見つかりましたが、別の要素がクリックされたときに要素を変更する方法を見つけようとしています。ここ

はで私が現在のフィドルです：あなたはこの

var switchToInput = function() { 
    var $input = $("<input>", { 
     val: $(this).prev('.loadNum').text(), 
     type: "text" 
    }); 
    $input.addClass("loadNum"); 
    $(this).prev('.loadNum').replaceWith($input); 
    $input.on("blur", switchToSpan); 
    $input.select(); 
}; 

チェックしてみてください

探しているものを達成するためのjQuery .prev()を利用することができますhttp://jsfiddle.net/2D9FW/281/

<span class="loadNum">5566</span><a class="editrow" style="display: 
float-left"data-value=""> clickme</a> 
<br /> 
<span class="loadNum">5566</span><a class="editrow" style="display: 
float-left"data-value=""> clickme</a> 



    var switchToInput = function() { 
    var $input = $("<input>", { 
     val: $(this).text(), 
     type: "text" 
    }); 
    $input.addClass("loadNum"); 
    $(this).replaceWith($input); 
    $input.on("blur", switchToSpan); 
    $input.select(); 
}; 
var switchToSpan = function() { 
    var $span = $("<span>", { 
     text: $(this).val() 
    }); 
    $span.addClass("loadNum"); 
    $(this).replaceWith($span); 
    $span.on("click", switchToInput); 
} 
$(".loadNum").on("click", switchToInput); 

Answer 1

Fiddle