Question

我有下面的textarea元素：

 <table><tr><td><textarea class="text_popup" id="script" ><script src="script.js"></script><script>$(document).ready(function(){$(".iframe").colorbox({iframe:true, width:"300px", height:"500px",});});</script><a class="main"><div id="new_text_val">test</div></a></textarea></td></tr></table>



$.ajax({
            type: 'POST',
            url:    "newpage.php",
            async: true,
            data: 'name=' + name +'&age=' + age , 
            cache: false,
            success: function(data){                     
              // response  data  
                    }
            });

ajax成功后<div id="new_text_val">test</div>应该替换成成功响应数据

最终替换如下所示

<table><tr><td><textarea class="text_popup" id="script" ><script src="script.js"></script><script>$(document).ready(function(){$(".iframe").colorbox({iframe:true, width:"300px", height:"500px",});});</script><a class="main">ajax succes resonse data </a></textarea></td></tr></table>

Answer 1

首先将新元素放在当前元素之后，然后删除当前元素。

$('#new_text_val')
    .after('<div class="inside_text"><div><img src=image.png></div></div>')
    .remove();

Answer 2

在您的成功函数中尝试此操作：

$('#new_text_val').parent().html(" <div class='inside_text'><div><img src=image.png></div></div> " );

很难读懂你的问题。

如何在textarea内容中找到div并使用jquery替换样式

2 个答案: