Как добавить display:none элементу с классом schedule-item у которого значение атрибута data-day равно значению переменной 'v'
$(".sh_day").change(function() {
var v = $(this).val();
$(".schedule-item").css("display","none");
});
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуДостаточно добавить атрибут селектор в выборку
$(".sh_day").change(function() {
var v = $(this).val();
$(`.schedule-item[data-day="${v}"]`).css("display","none");
});
$(".sh_day").change(function() {
var v = $(this).val();
$(".schedule-item").each(function(){
if ($(this).attr("data-day")==v) {
$(this).css("display","none");
}
});
$(".sh_day").change(function() {
var v = $(this).attr('data-day');
$('.schedule-item[data-day='+ v + ']').hide();
});
Так удобнее будет, еще и скорость можешь выставить + если нужно открыть то show()
раз jquery
юзаешь :)
var v = 'value';
if( $('.schedule-item').first().data('day') == v ){
$('.schedule-item').first().css('display', 'none');
// $('.schedule-item').first().hide();// можно так сделать display:none;
}
$('.schedule-item')
вернет несколько элементов? что вернет $('.schedule-item').data('day')
в этом случае?