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