html - 如何在动态创建的输入标签中获取span标签的html

Question

<span class="edt">ddddd</span>
    <span class="edt">ssss</span>
    <span class="edt">aaaaa</span>
    <a id="edit">edit</a>


    $('#edit').click(function(){

       $('.edt').html("<input type=\"text\" id=\"\"  value=\"\" /> ") 
    });

我想要做的是获取jquery创建的输入中span标签的html部分。我知道更好的解决方案是通过变量中的 id 传递 html，但 span 标签是在页面加载时动态创建的。

Answer 1

这将循环遍历每个 edt 类，并将 span 的内容替换为与要替换的内容具有相同值的输入元素。

$('#edit').click(function(){
    $('.edt').each(function() {
        var value = $(this).text();
        $(this).html('<input type="text" id="" value="'+value+'" />');
    });
});