Игнорировать часть кода js

AG
На сайте с 13.10.2014
Offline
44
638

Здравствуйте.

Не соображу как условие составить, что бы если на странице отсутствует класс w то скрипт проигнорировал бы 4 строку https://jsfiddle.net/yo8f10L2/ и шёл дальше. Пробовал через hasClass но что то не получается. Сейчас упирается в 4 строку и не работает.

viКing
На сайте с 20.03.2008
Offline
124
#1

if(document.querySelector('.w')){

//4 строка
}
AG
На сайте с 13.10.2014
Offline
44
#2

viКing, а если вот такой код

$('.q').hover(function()

{
document.querySelector('.q').classList.add('q2');
document.querySelector('.w').classList.add('w2');
document.querySelector('.r').classList.add('r2');
$('.q2').css('width', '30%');
});

Ну то есть две строки надо пропустить если?

Z0
На сайте с 03.09.2009
Offline
784
#3
AlexGr4:
Ну то есть две строки надо пропустить если?


if(document.querySelector('.w')){
$('.q').hover(function()
{
document.querySelector('.q').classList.add('q2');
document.querySelector('.w').classList.add('w2');
document.querySelector('.r').classList.add('r2');
$('.q2').css('width', '30%');
});
}



$('.q').hover(function()
{
document.querySelector('.q').classList.add('q2');
if(document.querySelector('.w')){
document.querySelector('.w').classList.add('w2');
}
document.querySelector('.r').classList.add('r2');
$('.q2').css('width', '30%');
});

AG
На сайте с 13.10.2014
Offline
44
#4

Как оно громоздко получается. Сократить никак нельзя?)

$('.q').hover(function()

{
document.querySelector('.q').classList.add('q2');
if(document.querySelector('.w')){
document.querySelector('.w').classList.add('w2');
}
if(document.querySelector('.r')){
document.querySelector('.r').classList.add('r2');
}
$('.q2').css('width', '30%');
});
Z0
На сайте с 03.09.2009
Offline
784
#5
AlexGr4:
Как оно громоздко получается. Сократить никак нельзя?)
$('.q').hover(function()

{
document.querySelector('.q').classList.add('q2');
if(document.querySelector('.w')){
document.querySelector('.w').classList.add('w2');
}
if(document.querySelector('.r')){
document.querySelector('.r').classList.add('r2');
}
$('.q2').css('width', '30%');
});

Попробуйте как нибуть так:

http://jquery.page2page.ru/index.php5/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%BD%D0%B0%D0%BB%D0%B8%D1%87%D0%B8%D1%8F_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0

Сам не пробовал, лень сегодня, похмелье :)

AG
На сайте с 13.10.2014
Offline
44
#6

ziliboba0213, спасибо!))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий