Изменение содержимого при нажатии с помощью цифр?

Question

Изменение содержимого По щелчку

Я пытаюсь изменить содержимое на щелчок (как RokSprocket, но статический). Я делаю это, используя соответствующие числа.

Что я не понял, как превратить _17 в любое число, которое нужно щелкнуть (возможно, getElementByClassName?), И как сделать вторую часть «(любое другое число)/_ #» чисел, которые не были щелчок

класс _17 - всего лишь пример. Я не планирую, что высокий, но только в том случае, если я сделать

JQuery:

$(".nav-tabs > _17").click(function() { 
    if($(".content > _17").hasClass("hidden")) { 
    $(".content > _17").removeClass("hidden"); 
    $(".content > _17").addClass("visible"); 

    if($(".content > (any number but the one clicked)").hasClass("visible")) { 
    $(".content > _#").removeClass("visible"); 
    $(".content > _#").addClass("hidden"); 
} 

jsFiddle: http://jsfiddle.net/44athvvL/1/

Answer 1

смотрите мою скрипку here.

Я не уверен, что вам действительно нужно использовать классы для идентификации соответствующих элементов, также я не уверен, что это единственный класс, который вы присвоите li s, который будет содержать знак подчеркивания в классе имя. Но если предположить, те, я проверил классы щелкнули элемента для шаблона «_ #» с использованием регулярных выражений, а затем экстрагированием номер с помощью .split()

JS

$(".nav-tabs > li").click(function() { 
    var $this = $(this), 
     classes = $this.attr('class').toString().split(/s+/), 
     num = 0; 

    $.each(classes, function (i, v) { 
     if (v.match(/_\d+/gim).length) num = v.split('_')[1]; 
    }); 

    $('._' + num) 
     .removeClass('hidden') 
     .addClass('visible'); 

    $('div').not('._' + num) 
     .removeClass('visible') 
     .addClass('hidden'); 
});