Javascript的问题.需要loop和.append的帮助

Javascript issue. Need help with a loop and .append

本文关键字：append 帮助 需要 问题 Javascript loop      更新时间：2023-09-26

是一个搜索结果页面。这个搜索结果页面是一个表格。我无法更改页面的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&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。一个新元素。此元素是指向该页更多信息的链接。该元素必须获得a class=url元素的href。

我写这个javascript:

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

但是我怎样才能更好地解决这个问题呢?我怎么能把类url的href在新的一个元素，我追加。

你明白我的问题吗?

谢谢你的帮助!

$("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/

相关文章：