2011-09-28 31 views
0

我是一个搜索结果页面。此搜索结果页面是一个表格。我无法更改页面的html。这是HTML:JavaScript问题。需要帮助的循环和.append

<table class="product-table"> 
    <tr> 
     <td> 
      <dl> 
       <dt> 
        <h1>Item</h1> 
       </dt> 

       <dd class="title fn"> 
        <a class="url" href="/product.jsp?id=EHS_FR_BS-PK-409674&amp;navAction=jump&amp;navCount=0"> 
         Pratique de l'accouchement, 5ème Edition 
        </a> 
       </dd> 
      </dl> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <dl> 
       <dt> 
        <h1>Item</h1> 
       </dt> 

       <dd class="title fn"> 
        <a class="url" href="/product.jsp?id=EHS_FR_BS-PK-409674&amp;navAction=jump&amp;navCount=0"> 
         Pratique de l'accouchement, 5ème Edition 
        </a> 
       </dd> 
      </dl> 
     </td> 
    </tr> 
</table> 

我的问题

但我想在DD级冠军FN。一个新元素。这个元素是链接到页面的更多信息。元素必须获得一个class = url元素的href。

我做这个JavaScript:

$("table.product-table .pricing").append('<a class="information" href="" title="plus d’information">plus d’information</a>'); 

但如何解决这个更好。我怎么能把类url的href放在我追加的新元素中。

你明白我的问题吗?

感谢您的帮助!

+0

为什么您使用jQuery选择内部类“定价”?这个元素似乎并不存在于你给定的html中 – amosrivera

+0

你已经有了一个到资源的链接,你为什么复制它? – RobG

回答

1
$("dd.title.fn").each(function() { 
    var $this = $(this); 
    $this.append('<a class="information" href="' + $this.find(".url").attr("href") + '" title="plus d’information">plus d’information</a>'); 
}); 

这是否对您有帮助?看看这个链接了解更多关于each方法的信息,这可能会帮助你获得你想要追加的每个链接的url。

http://api.jquery.com/jQuery.each/

+0

是啊谢谢! –