Я хочу пересечь мой селектор по номеру элемента щелчка.
Как это:
выберите второй дочерний элемент div (# tabby-content)
при нажатии второго дочернего элемента другого div (# tabby-labels).
Он решается внизу. Но кто-нибудь знает, как "очистить код" и достичь того же, но лучше?
$("#tabby-labels > .first").click(function() {
$("#tabby-content > .first").siblings('.active').removeClass('active').addClass('inactive');
$("#tabby-content > .first").addClass('active').removeClass('inactive');
});
$("#tabby-labels > .second").click(function() {
$("#tabby-content > .second").siblings('.active').removeClass('active').addClass('inactive');
$("#tabby-content > .second").addClass('active').removeClass('inactive');
});
$("#tabby-labels > .third").click(function() {
$("#tabby-content > .third").siblings('.active').removeClass('active').addClass('inactive');
$("#tabby-content > .third").addClass('active').removeClass('inactive');
});
$("#tabby-labels > .fourth").click(function() {
$("#tabby-content > .fourth").siblings('.active').removeClass('active').addClass('inactive');
$("#tabby-content > .fourth").addClass('active').removeClass('inactive');
});
Благодарю!
Я думаю, что это будет сделано:
$("#tabby-label > *").click(function() {
var index = $(this).index();
$("#tabby-contents").children('.active').toggleClass("active inactive");
$("#tabby-contents").children().eq(index).addClass("active").removeClass("inactive");
});
Он предполагает, что соответствующие элементы являются единственными непосредственными детьми двух ДИВ.