Как правильно сделать условие наличие в ID нужного класса?

Question

[Олег Галимов]

Доброе время суток.
Подскажите как правильно сделать условие наличие в ID класса free_domain и потом применить к id стиль и клик?
Вот код

$(function(){
				if 	($('#resp1').hasClass('.free_domain')){
				$('#resp1').css('cursor','pointer');
				$('#resp1').on('click', function (){
				window.open('http://yandex.ru', '_blank');
				return false;
				});
							} else {
				console.log('Элемент не содержит класс free_domain');
				}
			});

не судите меня строго. скорее всего я неверно написал.
Пожалуйста помогите очень срочно нужно!

Comments

[Сергей delphinpro]

if ($('#resp1').find('.free_domain').length){

[Сергей Тутуков]

if($('#resp1 .free_domain').length){
  $('#resp1').css('cursor','pointer');
  $('#resp1').on('click',function(e){
    window.open(..);
    return false; // я не знаю зачем ты пишешь return, если это div блок. И лучше тогда писать e.preventDefault(); место return
  });
}else{
  console.log('нет класса .free_domain')
}

Answer 1

[crazyhat]

if ($('#resp1').hasClass('free_domain')){ ...

В hasClass() пиши название класса без '.' . В твоем коде получается, что JQuery ищет класс ".free_domain".

Comments

[Сергей Тутуков]

У тебя неверная запись.
.free_domain вложен в #resp1.

[crazyhat]

А, ну да, точно. Тогда
if ($('#resp1 .free_domain').length) { ... }

[Олег Галимов]

так не показывает стиль
if ($('#resp1').hasClass('free_domain')){
а так показывает стиль
if (!$('#resp1').hasClass('free_domain')){
даже где этого класса нет.

[crazyhat]

hasClass() показывает наличие класса у элемента.
В случае с:
if ($('#resp1').hasClass('.free_domain')){
он будет возвращать false, т.к. у тега с id "resp1" отсутствует класс ".free_domain". Div с классом "free_domain" находится внутри div с id "resp1". Поэтому надо делать такую проверку:
if ($('#resp1 .free_domain').length) { ... }

Answer 2

[Flur]

Нуу, всё правильно
$("#resp1").hasClass(".free_domain")
.hasClass()
В чем вопрос та ?

Comments

[Олег Галимов]

так не показывает стильif ($('#resp1').hasClass('.free_domain')){
а так показываетif (!$('#resp1').hasClass('.free_domain')){
даже где этого класса нет.

Answer 3

[Артем Каюн]

https://api.jquery.com/has-selector/

$(function(){
    var $element = $('#resp1:has(.free_domain)')
    if ($element.length) {
        $element
            .css('cursor', 'pointer');
            .on('click', function () {
                window.open('http://yandex.ru', '_blank');
            });
    } else {
        console.log('Элемент не содержит класс free_domain');
    }
});