更換輸入元素jQuery的

-1

我需要找到textarea的值的所有圖像的所有圖像，然後用輸入的文本元素替換和那些與IMG的src的值reemplace更換輸入元素jQuery的

之後，最後一個字符串輸出在一個新的div（「#newDiv」）

我的腳本不更換什麼，我不知道爲什麼

這是我迄今所做的，

<html> 
<head></head> 
<body> 
<textarea id="caja"></textarea> 

<input type="button" onClick="parsingHtml()" value="read"> 


<div id="newDiv"></div> 
<script type="text/javascript" src="jquery-1.11.1.min.js"></script> 

function parsingHtml() 
{ 

    var content = $('#caja').val(); 
    var newContent = $(content).find("img").replaceWith('<input type="text">'); 

    alert(newContent) 
    $('#newDiv').html(newContent); 
}; 
</body> 
</html>

有什麼想法？提前致謝！

來源

2014-10-29 user3765369

尚不清楚。顯示你的HTML的相關部分。 – 2014-10-29 02:14:44

試試這個：'$（'＃caja'）。find（「img」）....'完全避開'content' – Lokesh 2014-10-29 02:17:19

謝謝@Lokesh，已經完成了，不幸運=/ – user3765369 2014-10-29 02:22:59

有2個問題，我可以看到

newContent指的是隻有img元素，並不是完整的內容
因爲您的值傳遞給jQuery，如果該值不啓動<將被視爲選擇不作爲元素創建命令

所以

//dom ready handler 
 
jQuery(function($) { 
 
    //click event handler registration 
 
    $('#read').click(parsingHtml); 
 
}) 
 

 
function parsingHtml() { 
 
    var content = $('#caja').val(); 
 
    var newContent = $('<div />', { 
 
    html: content 
 
    }); 
 
    newContent.find("img").replaceWith('<input type="text">'); 
 

 
    console.log(newContent) 
 
    $('#newDiv').html(newContent.contents()); 
 

 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<textarea id="caja"></textarea> 
 

 
<input type="button" id="read" value="read"> 
 

 

 
<div id="newDiv"></div>

來源

2014-10-29 02:26:03

Arun P Johny，謝謝你是對的，非常感謝，你回答我很多。 – user3765369 2014-10-29 02:32:34

更換輸入元素jQuery的

回答

相關問題