如何替换罢工标签以输入类型文本？ [复制]答案

【问题标题】：How to replace strike tag to input type text? [duplicate]如何替换罢工标签以输入类型文本？ [复制]
【发布时间】：2014-01-06 05:13:57
【问题描述】：

如何替换打击元素来输入文字？我目前不知道是否有任何解决方案，请在这里告诉我！

HTML 文本：

In the <b>joy</b> of <strike>other</strike>, lies our <strike>own</strike>.

替换文字：

In the <b>joy</b> of <input type="text">, lies our <input type="text">.

【问题讨论】：

欢迎使用 StackOverflow：stackoverflow.com/help/how-to-ask :)
问题到底是什么？如何使用 javascript 将 <strike> html 替换为 <input> 标签？
[this][1] 是相关问题。为您提供解决问题的线索[1]：stackoverflow.com/questions/5444041/replace-node-name
非常感谢，代码正在运行！

标签： javascript jquery

【解决方案1】：

如果我理解你的问题，你想要这个吗？

$('strike').each(function(){
    $(this).replaceWith("<input type=\"text\" value=\"" + $(this).text() + "\" />");

});

jsfiddle：http://jsfiddle.net/M88u4/

【讨论】：

不使用每次迭代也可以吗？我想在这种情况下使用 for 循环。
你为什么不想使用each？我的意思是，如果您已经在使用其他 jQuery 函数来替换罢工标签，为什么不使用each？你能解释一下为什么要使用 for() 循环吗？

【解决方案2】：

只需添加以下 jQuery 语句

 // search all strike element and replace it 
 $('strike').replaceWith(function(){
        //create input element
        var input = $('<input>',{
            type: 'text',
            value: $(this).html()
        });
        //replace with input element
        return input;
 });

【讨论】：

【解决方案3】：

试试这个：

HTML

<div id="test">
    In the <b>joy</b> of <strike>other</strike>, lies our <strike>own</strike>.
</div>

Javascript

$(function(){
    var strikes = $('#test').children('strike');
    var inputText = "<input type='text' />";
    strikes.each(function(){
        $(this).replaceWith(inputText);
    });
});

【讨论】：