Селектор хода по порядковому номеру нажатого элемента

Question

Селектор хода по порядковому номеру нажатого элемента

0

Я хочу пересечь мой селектор по номеру элемента щелчка.

Как это:

выберите второй дочерний элемент 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');
});

Благодарю!

Frida 21 сен. 2013, в 20:44

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Barmar · Accepted Answer · 2013-09-21T17-18-00.000Z

Я думаю, что это будет сделано:

$("#tabby-label > *").click(function() {
    var index = $(this).index();
    $("#tabby-contents").children('.active').toggleClass("active inactive");
    $("#tabby-contents").children().eq(index).addClass("active").removeClass("inactive");
});

Он предполагает, что соответствующие элементы являются единственными непосредственными детьми двух ДИВ.