1

Как добавить display:none элементу с классом schedule-item у которого значение атрибута data-day равно значению переменной 'v'

$(".sh_day").change(function() {
  var v = $(this).val();
  $(".schedule-item").css("display","none");

});

4 ответа 4

3

Достаточно добавить атрибут селектор в выборку

$(".sh_day").change(function() {
  var v = $(this).val();
  $(`.schedule-item[data-day="${v}"]`).css("display","none");    
});
3
$(".sh_day").change(function() {
  var v = $(this).val();
  $(".schedule-item").each(function(){
   if ($(this).attr("data-day")==v) {
       $(this).css("display","none");
   }
});
5
  • проверять нужно значение атрибута, а не элемента
    – Grundy
    17 окт 2016 в 15:37
  • @Grundy заменить val() на attr('data-day')
    – Trymount
    17 окт 2016 в 15:40
  • это один из вариантов, но лучше исправить в ответе
    – Grundy
    17 окт 2016 в 15:41
  • @Grundy ваш ответ в любом случае правильнее)
    – Trymount
    17 окт 2016 в 15:41
  • не там атрибут выбираешь :-)
    – Grundy
    17 окт 2016 в 15:43
2
$(".sh_day").change(function() {
  var v = $(this).attr('data-day');
  $('.schedule-item[data-day='+ v + ']').hide();
});

Так удобнее будет, еще и скорость можешь выставить + если нужно открыть то show() раз jquery юзаешь :)

4
  • ты скрываешь все, а нужно только те у которого значение атрибута data-day равно значению переменной 'v'
    – Grundy
    17 окт 2016 в 15:33
  • @Grundy не вчитался изначально 17 окт 2016 в 15:37
  • ошибся в строке селектора
    – Grundy
    17 окт 2016 в 15:37
  • @Grundy уже бегу домой с работы, потому спешка 17 окт 2016 в 15:40
2
var v = 'value';
if( $('.schedule-item').first().data('day') == v ){
    $('.schedule-item').first().css('display', 'none');
    // $('.schedule-item').first().hide();// можно так сделать display:none;
}
4
  • только для первого элемента вроде
    – Trymount
    17 окт 2016 в 15:37
  • Это есть ответ, а события и остальной код уже сам напишет
    – user190134
    17 окт 2016 в 15:40
  • @user190134, как отработает твой код, если $('.schedule-item') вернет несколько элементов? что вернет $('.schedule-item').data('day') в этом случае?
    – Grundy
    17 окт 2016 в 15:42
  • точно, это же массив получится, проглядел. Поправил, для первого элемента.
    – user190134
    17 окт 2016 в 16:33

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.