2013-03-06 123 views
1

嗨如何添加新的選擇器並將當前的替換爲已被單擊的鏈接? 以下是前點擊我的鏈接:點擊後Jquery在點擊之後添加跨度

<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> 

感謝。

+0

@AleksandrM很多,但都搞亂了,所以我只發佈了一個問題,簡單就可以了,如果我得到任何的解決方案,我可以比較我的工作不好 – d3bug3r 2013-03-06 10:28:57

+0

我們不會爲你寫代碼。顯示你到目前爲止有人會幫助。 – 2013-03-06 10:30:16

回答

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/

+0

當點擊鄰居鏈接時,前一個仍然帶有範圍選擇器 – d3bug3r 2013-03-06 10:35:24

+0

然後你應該指定它。瞬間.. – dfsq 2013-03-06 10:36:41

+0

看看我更新的答案。 – dfsq 2013-03-06 10:51:19

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); 
}); 
});