2010-08-02 116 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