jQuery的 - 隨着連接複製點擊從一個元素到另一個

Question

所有類（見的jsfiddle例子）

當「.link_to_rule_them_all」被點擊我想所有的「.link_to_rule_them_all跨度」類複製到了＃並在每次點擊之間清除「#box」。

我的示例代碼和的解釋是這裏http://jsfiddle.net/znCmq/2/

正如你可以看到我有沒有關於這個..任何想法js的想法？誒..

Answer 1

$('.link_to_rule_them_all').bind('click', function(e) { 
    e.preventDefault(); 
    $('#box').attr('class', ($('span', $(this)).attr('class'))); 
}); 

活生生的例子：http://jsfiddle.net/moeishaa/3t33d/

Answer 2

使用此：

<a class="link_to_rule_them_all" href="javascript://"> 

$('.link_to_rule_them_all').click(function() { 
$('#box').attr('class',$(this).attr('class'))  
}) 

這是適當的形式使用空HREF而不是散列。

Answer 3

首先，你可以直接添加聽者的跨度是這樣的：

$('span').click(function(e) { 

然後你就可以在類屬性添加到DIV

$('#box').append($(e.target).attr('class')); 

好吧，讓我們試試這個，然後

$('.link_to_rule_them_all').click(function(e) { 
//if you wanna attribute the span classes to the #box as classes 
var box = $('#box') 
box.removeClass(); 
box.addClass($(this).children('span').attr('class')); 
}) 

如果您想添加跨度類作爲文本：

$('.link_to_rule_them_all').click(function(e) { 
var box = $('#box'); 
box.text(); 
box.append($(this).children('span').attr('class')); 
)}