1

こんにちは、新しいセレクターを追加して、現在のセレクターをクリックされたリンクに置き換えるにはどうすればよいですか? 以下はクリック前の私のリンクです:

<a href="#">Date</a>

クリック後のリンク:

<span title="" class="i-wrap ig-wrap-common i-sort-descend-common-wrap ig-wrap-common-r selected whatsthis"><i class="i ig-common i-sort-descend-common"></i> Date </span>

以下は、上記のリンクの HTML スニペットです。

<div id="review_sort_section" class="ieSucks">Sort by:


                <a href="#">Date</a>
             | 
                <a href="#">Rating</a>
             | 

    </div>

ありがとう。

4

2 に答える 2

5
$('#review_sort_section a').click(function() {
    var span = '<span title="" class="i-wrap ig-wrap-common i-sort-descend-common-wrap ig-wrap-common-r selected whatsthis"><i class="i ig-common i-sort-descend-common"></i>' + $(this).text() + '</span>';
    $(this).replaceWith(span);
});

要件が更新されたデモを次に示します: http://jsfiddle.net/DDCbe/

于 2013-03-06T10:30:15.520 に答える
0
$(function(){
  $('#review_sort_section a').click(function(){
    var new_content='<span title="" class="i-wrap ig-wrap-common i-sort-descend-common-wrap ig-wrap-common-r selected whatsthis"><i class="i ig-common i-sort-descend-common"></i> Date </span>';
    $(this).replaceWith(new_content);
 });
});
于 2013-03-06T10:32:19.157 に答える