2012-10-02 23 views
0

Что я хочу сделать, покажите некоторое содержимое с помощью css или javascript. не jQuery, причина в том, что у меня есть некоторые jQuery clases, а скрипт ниже не отображает. Провел часы, пытаясь найти причину, но не смог.Показать и удалять содержимое с помощью Javascript

У меня есть 2 вопроса.

Вопрос 1

Может кто-то помочь мне перевести это на JavaScript. Работающая скрипка здесь: Fiddle

$(document).ready(function(){ 
$('select').on('change',function(){ 
var val = $(this).val(); 
$('div').hide(); 
$('.' + val).css('display','block'); }).change(); 
}); 

Вопрос 2

Есть ли способ, чтобы найти то, что происходит со сценариями веб-сайта и как они делают. Потому что мне трудно понять, что блокирует вышеупомянутый скрипт. Благодаря

+2

Ваши селекторы слишком общо. Невозможно скрыть ВСЕ элементы 'div' на странице. –

+0

У каждого дива есть свой класс. Вы видели скрипку. Это поможет? – nasty

+0

Это справедливо, но 'div' используются для многих вещей. Если у вас есть хотя бы один 'div', имя класса которого не указано в' select', ваша страница не будет работать. –

ответ

1

за 1 попробовать это :)

$('select').on('change', function() { 
    var val = $(this).val(); 
    $('div[class$=claims]').hide(); 
    $('.' + val).show(); 
}).change(); 

и 2 - использование WebInspector (нажмите F12) в хром или поджигатель в светлячок

Смежные вопросы