jQuery - одним нажатием ссылки копирует все классы из одного элемента в другой. - PullRequest
4 голосов
/ 29 марта 2011

.1003 *

мой пример кода и объяснение здесь http://jsfiddle.net/znCmq/2/

Как вы видите, я понятия не имею о js этого .. какие-то идеи?эх ..

Ответы [ 3 ]

11 голосов
/ 29 марта 2011
$('.link_to_rule_them_all').bind('click', function(e) {
    e.preventDefault();
    $('#box').attr('class', ($('span', $(this)).attr('class')));
});

живой пример: http://jsfiddle.net/moeishaa/3t33d/

2 голосов
/ 29 марта 2011

Прежде всего, вы можете добавить слушателя непосредственно к диапазону следующим образом:

$('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'));
)}
2 голосов
/ 29 марта 2011

Используйте это:

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

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

Это правильная форма для использования нулевого href вместо хеша.

...