7

我有以下html：

<div>
    <input type="text" style="xxxx" size="40"/>
    <input type="text" style="xxxx" size="100"/>
    <input type="text" style="xxxx" size="100"/>
    <input type="text" style="xxxx" size="40"/>
</div>

现在我想将每个大小为“100”的输入更改为与输入具有相同样式的文本区域。

我试过这个：

$("input[size=100]").each(function(){
  //how to replace it?
});

有任何想法吗？

我在这里的答案中使用了这个解决方案：

$("input[size=100]").each(function() {
    var style = $(this).attr('style'), textbox = $(document.createElement('textarea')).attr({
        id : $(this).id,
        name : $(this).name,
        value : $(this).val(),
        style : $(this).attr("style"),
        "class" : $(this).attr("class"),
        rows : 6
    }).width($(this).width());
    $(this).replaceWith(textbox);
});
4

4 回答 4

11

jQuery 有一种.replaceWith()方法可以用来将一个元素替换为另一个元素。因此，从输入中复制您的样式并使用此方法，如下所示：

$('input[size="100"]').each(function () {
    var style = $(this).attr('style'),
        textbox = $(document.createElement('textarea')).attr('style', style);
    $(this).replaceWith(textbox);
});

演示

于 2013-06-13T09:14:36.183 回答
3

尝试一些类似的东西

$('input[size="100"]').each(function()
{
    var textarea = $(document.createElement('textarea'));
    textarea.text($(this).val());

    $(this).after(textarea).remove();
});

这是一个例子：http: //jsfiddle.net/SSwhK/

于 2013-06-13T09:18:48.247 回答
1

像这样试试

$("input").each(function(){
      if($(this).attr('size') == "100") {
             my_style = $(this).attr('style');
             $(this).replaceWith("<textarea style='"+my_style+"'></textarea>");
      }
});
于 2013-06-13T09:10:20.913 回答
0 
$(document).ready(function(){
    $("input[size=100]").each(function(){
      //how to replace it?
        $(this).after('<textarea style="xxxx"></textarea>').remove();
    });
});

检查http://jsfiddle.net/6JH6B/

于 2013-06-13T09:14:11.230 回答