我是搜索结果页面。此搜索结果页面是一个表格。我无法更改页面的html。这是html:
<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&navAction=jump&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&navAction=jump&navCount=0">
Pratique de l'accouchement, 5ème Edition
</a>
</dd>
</dl>
</td>
</tr>
</table>
我的问题
但我想在dd类标题fn。一个新元素。这个元素是指向页面更多信息的链接。元素必须得到a class = url元素的href。
我制作了这个javascript:
$("table.product-table .pricing").append('<a class="information" href="" title="plus d’information">plus d’information</a>');
但我怎样才能更好地解决这个问题。我怎样才能将类url的href放在我追加的新元素中。
你明白我的问题吗?
感谢您的帮助!
答案 0 :(得分: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
方法的详细信息,请查看此链接,该方法可能会帮助您获取要添加的每个链接的网址。