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

如果您想将跨度类添加为文本：

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