Как найти div, который имеет соответствующие данные, а затем удалить класс

Question

Как найти div, который имеет соответствующие данные, а затем удалить класс

0

Вот моя попытка, которая, похоже, не работает:

$('container').find("[data-slider='" + one + "']").removeClass('hidden');

Вот полная функция, которая завернута в документ. готовая функция

$("#service-icon").on('click', function(){

       var $this = $(this);
       event.preventDefault();

       $this.addClass('ease-transition').toggleClass('active-slider-btn');

       $(".page-wrapper").find("[data-slider='" + one + "']").toggleClass("hidden");


 });

Ошибка, которую я получаю:

"Uncaught ReferenceError: один не определен"

Eduardo Hernandez 09 май 2014, в 00:01

Источник

1

если контейнер - это класс, это должно быть $('.container') . Если это идентификатор, он должен быть $('#container')
Gone Coding 08 май 2014, в 21:46
0

возможный дубликат jQuery, как найти элемент на основе значения атрибута данных?
Diodeus - James MacFarlane 08 май 2014, в 21:46
0

Я посмотрел на эту страницу перед тем, как опубликовать свой вопрос, но это не помогло решить мою проблему, также я изменил ее на $ (". page-wrapper") вместо $ ("container"), но, похоже, dosent, чтобы решить ее, любой другие предложения?
Eduardo Hernandez 08 май 2014, в 21:55

Показать ещё 1 комментарий

Теги:

javascript

class

jquery

jquery-selectors

2 ответа

0

Что-то вроде этого должно работать:

   $('.page-wrapper').find("[data-slider='" + one + "']").removeClass('hidden');

Посмотрите, как он работает здесь: http://jsfiddle.net/sNp7x/2/

Может быть, атрибут данных задается с помощью javascript, так что вам нужно знать о времени!

MonkeyVoodoo 08 май 2014, в 20:43

0

ошибка, которую я получаю, является "Uncaught ReferenceError: один не определен". Я понятия не имею, почему я получаю эту ошибку ...
Eduardo Hernandez 08 май 2014, в 22:27
0

нужно указать, как говорится в ошибке, вот так: var one = 'test'; $ ('. page-wrapper'). find ("[data-slider = '" + one + "']"). removeClass ('hidden');
MonkeyVoodoo 08 май 2014, в 22:34

Ещё вопросы

если контейнер - это класс, это должно быть $('.container') . Если это идентификатор, он должен быть $('#container')
возможный дубликат jQuery, как найти элемент на основе значения атрибута данных?
Я посмотрел на эту страницу перед тем, как опубликовать свой вопрос, но это не помогло решить мою проблему, также я изменил ее на $ (". page-wrapper") вместо $ ("container"), но, похоже, dosent, чтобы решить ее, любой другие предложения?
ошибка, которую я получаю, является "Uncaught ReferenceError: один не определен". Я понятия не имею, почему я получаю эту ошибку ...
нужно указать, как говорится в ошибке, вот так: var one = 'test'; $ ('. page-wrapper'). find ("[data-slider = '" + one + "']"). removeClass ('hidden');

skeryl · Accepted Answer · 2014-05-08T19-04-00.000Z

Что нужно проверить:

Является ли "контейнер" классом или идентификатором? Если это так, вам нужно добавить '.' или '#' соответственно
То, что выражение в функции.find() возвращает то, что вы ожидаете

Можете ли вы разместить ссылку на JSFiddle или что-то еще?

У меня есть рабочий пример, который похож на вашу ситуацию.

HTML

<div class="container">
    <div data-slider="1" class="hidden">1</div>
    <div data-slider="2">2</div>
</div>

<button id="show-1">show slider 1</button>

CSS

.hidden {
    display: none;
}

JavaScript

var one = "1";

$("#show-1").click(function(e){
    $(".container").find("[data-slider='" + one + "']").removeClass("hidden");
});

Я изменил его на $ ('. Page-wrapper'), но он все еще не работает, что еще я мог сделать ??
Я просто забыл завернуть один с кавычками ...... Большое спасибо за все ваши ребята, помогите, я действительно ценю это