我可以使用jQuery在HTML中定位一個文本字符串嗎？

Question

我剛開始學習jQuery，並且熟悉jQuery如何使用選擇器來搜索特定的ID和類。但是，也可以在段落內標識純文本字符串嗎？

例如，假設我想找到這些段落標記中的「汽油」，並把它轉換成一個鏈接：

<p>His veins burned gasoline. 
    It kept his motor running but it never kept him clean.</p> 

Answer 1

你不會真的使用jQuery做替換。相反，只需使用javascript的.replace()方法即可。

（我給段落的ID來指定正確的段落。）

試試看：http://jsfiddle.net/yRCjN/1/

HTML

<p id='myparagraph'>His veins burned gasoline. 
    It kept his motor running but it never kept him clean.</p> 

的JavaScript/jQuery的

 // Cache the selected element so it only runs once. 
var $paragraph = $('#myparagraph'); 

    // Get the text and update it with the <a> tag 
var newcontent = $paragraph.text().replace(/(gasoline)/,'<a href="/some/link/path">$1</a>'); 

    // Set the new content 
$paragraph.html(newcontent); 

• 你得到使用jQuery的.text()
• 請在文本內容的.replace()與包裹在一個<a>元素相同的文字取代「汽油」的段落的內容

• 使用jQuery的.html()方法來更新與新的段落內容。

• http://api.jquery.com/text/

• http://api.jquery.com/html/

公園大道通向...

Answer 2

var text = jQuery("#someId").text(); 
text = textreplace(/(gasoline)/, "<a href='http://some.url.here'>$1</a>"); 
jQuery("#someId").html(text); 

Answer 3

$('p').text().replace('gasoline', '<a href="#">gasoline</a>');