2010-08-02 135 views
0

我有這樣jQuery動態添加源標籤

<div class="top-news-heading">Top News Items<br> 
<ul> 
    <li> 
     <div id="xlaANMzone_4f503f"> 
     <div id="4f503f"> 
      <div align="left" style="width: 100%; padding: 0px; margin: 0px;"> 
       <a href="http://www.onesite.com.au/news_manager/templates/?a=1231&z=44"> News 1</a><br> 
       <a href="http://www.onesite.com.au/news_manager/templates/?a=1232&z=44"> News 2</a><br> 
       <a href="http://www.onesite.com.au/news_manager/templates/?a=1233&z=44"> News 2</a><br> 

     </div> 
     </div> 
    </div> 
    </li> 
    <li> 
     <div id="xlaANMzone_4f503f"> 
     <div id="4f503f"> 
      <div align="left" style="width: 100%; padding: 0px; margin: 0px;"> 
       <a href="http://www.onesite.com.au/news_manager/templates/?a=1236&z=44"> News 4</a><br> 
       <a href="http://www.onesite.com.au/news_manager/templates/?a=1238&z=44"> News 5</a><br> 
       <a href="http://www.onesite.com.au/news_manager/templates/?a=1230&z=44"> News 6</a><br> 

     </div> 
     </div> 
    </div> 
    </li> 
</ul> 

</div> <!--parent div ends--> 

我要改變每一個孩子標籤的HREF到http://www.offsite.com/article.asp/a=1238&z=44父div標籤。使用jQuery或JavaScript ....

請注意,查詢字符串「a」和「z」應該是原始字符串。任何幫助將不勝感激。

+1

你可能會得到搜索引擎懲罰的方式使用jQuery做這個。 – 2010-08-02 07:15:23

回答

2
$(document).ready(function(){ 
     $(".top-news-heading a").attr("href","your_new_link"); 
    }); 
+0

@@ Marko ...感謝您的回覆。但我只需要替換http://www.onesite.com.au/news_manager/templates部分。 比如何做。? – Anil 2010-08-02 07:19:13

+0

是的,但我認爲這是更優雅的首先構建你的整個新的鏈接,然後只是設置你的hrefs,而不是替換jquery,這可能容易出錯 – Marko 2010-08-02 07:22:14

+0

Marko但Qurystrings「a」和「z」是動態的來自後端..我不能預測這兩個。那麼接下來呢? – Anil 2010-08-02 07:24:44

1

如果你只是想喜歡我想替換的字符串做

$('a').each(function(){ 
    var $this = $(this); 
    $this.attr('href', $this.attr('href').replace(/onesite/, 'offsite')); 
}); 
+0

@@ jAndy謝謝你的回覆..我只需要在父div.top-news-heading only下更換.. – Anil 2010-08-02 07:25:52