jQuery - 通过单击链接将所有类从一个元素复制到另一个元素

Question

（参见jsfiddle示例）

当点击“.link_to_rule_them_all”时，我想将所有'.link_to_rule_them_all span'类复制到#box中，并在每次点击之间清除'#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'))    
})

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

如果您想将span类添加为TEXT：

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