Jquery如何更改TEXT_NODE

Question

我是Jquery的新手，可能會引起混淆。但非常感謝你檢查這個。我想修改元素中的文本。例如：

<div class="testit">test it for no.1 and test.com <img=...> <a href="http://test.com/">test it</a></div> 
<div class="testit">another test for No.2 and test2.com and test.com <img=...> <a href="http://test2.com/">test2</a> Another description</div> 

我想使用jQuery修改每個類「調用testIt」元素的「一些文本conents」的一部分，但我也想保持其他標記元素不變。例如：期望的輸出將是：

<div class="testit">test it for no.1 and <a href="http://test.com">test.com</a> <img=...> <a href="http://test.com">test it</a></div> 
<div class="testit">another test for No.2 and <a href="http://test2.com">test2.com</a> and <a href="http://test.com">test.com</a> <img=...> <a href="http://test2.com/">test2</a> Another description</div> 

以下JQuery可以獲取原始內容但無法修改它們。你能告訴我如何改變jQuery程序嗎？

var getTextNodesIn = function(el) { 
    return jQuery(el).find().andSelf().contents().filter(function() { 
    return this.nodeType == Node.TEXT_NODE; 
    });}; 
var current_text=getTextNodesIn(this); 
current_text.text('new contents here'); 

Answer 1

增加了一個正則表達式來檢測，如果字符串中包含的值

var count = 1; 
$('.testit').each(function() { 
//check if the test string is found 
var str = $(this).text(); 
var patt = new RegExp("test.com"); 
var res = patt.test(str); 
if(res){ 
    $(this).text("new text contents No." + count); 
    count++; 
} 
});