Javascript问题。需要有关循环和.append的帮助

时间:2011-09-28 06:32:32

标签: javascript jquery append

我是搜索结果页面。此搜索结果页面是一个表格。我无法更改页面的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放在我追加的新元素中。

你明白我的问题吗?

感谢您的帮助!

1 个答案:

答案 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方法的详细信息,请查看此链接,该方法可能会帮助您获取要添加的每个链接的网址。

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