0

同じクラスの多くの要素を他の要素に変換したい。説明させてください...

私のページには、この HTML のインスタンスが複数あります。

<td>FirstName LastName <span class="fortipsy">Some long text .. Lorem ipsum dolor sit   amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat</span></td>

ページの読み込み時に、すべての span タグを取得して、それぞれを次のように変換します。

<td>FirstName LastName <a href="#" class="tipsy" title="Some long text .. Lorem ipsum    dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat"><img src="tipsy.gif" border="0"></a></td>

要するに、ページの読み込み時にこれらの要素をほろ酔いに変換したいのです。提案やリードはありますか？ありがとう。

4

1 に答える 1

2

jsFiddle デモ

$(".fortipsy").each(function () {
    var txt = $(this).text();
    $(this).parent().append("<a href='#' class='tipsy' title='" + txt + "'><img src='tipsy.gif' border='0'></a>")
    $(this).remove();
});
于 2013-04-13T18:50:26.737 に答える