2014/02/12

使用 jQuery 替換全部符合條件的 HTML 標籤中的所有相符的文字

範例:

全部符合條件的 HTML 標籤是 class 為 demo 的 <div> 裡面的全部 <p>,也就是 div.demo p
所要替換的相符的文字是 Anonymous,替換成「匿名」

注意。必須按照以下第一段第二段第三段的順序書寫 HTML 原始碼,不能顛倒順序,否則無法成功替換指定的文字。

<!-- 第一段。Javascript。使用 jQuery 的 JS 檔案。 -->
<script src='http://code.jquery.com/jquery-latest.js'></script>

<!-- 第二段。HTML 正文內容。 -->
<div class="demo"><p>Anonymous</p><p>Test Paragraph</p><p>Anonymous</p></div>

<!-- 第三段。Javascript。用來把所有 div.demo p 裡面的 Anonymous 替換成「匿名」 -->
<script>
$(function(){

$("div.demo p").each(function(){

var $idName=$(this).html();

if($idName == "Anonymous"){

$(this).text("匿名");

}

});

});
</script>


不使用 Javascript 時的效果:

Anonymous

Test Paragraph

Anonymous


使用 Javascript 後的效果:

匿名

Test Paragraph

匿名

沒有留言 :

張貼留言