Hi.
Some idiot has named a carousel div's with the same name.
I' trying to distinguish between same names and remove an attribute.
Here is the source part of interest:
As you can see there is 2 "choose-day-slider"
Now the script part goes like this:
I'm trying to remove vc-selected , the window of opportunity is that our idiot forgot to have the same name for the out class.
So one class is named choose-center --> choose-day-slider and the other choose-day --> choose-day-slider .
I'm trying to get the choose-day --> choose-day-slider and to work as would the $('.vc-selected', '.choose-day-slider').removeClass('vc-selected'); would work but only on the second carousel.
When I run this it will only select any button I click and not remove the whole row as I'm trying to do.
I have also tried .parent but it does not work .
also tried this for the fun of it:
$('.vc-selected', $('choose-day').find('choose-day-slider')).removeClass('vc-selected');
$('.vc-selected', $('choose-day').find('choose-day-slider').find('#theCarousel').find('.item active').removeClass('vc-
selected');
nothing works.
Thanks
Some idiot has named a carousel div's with the same name.
I' trying to distinguish between same names and remove an attribute.
Here is the source part of interest:
Code:
<div id="select-center" class="choose-center">
<div class="choose-day-slider">
<div class="carousel slide multi-item-carousel" data-interval="false" id="cinemaSelection">
<div class="carousel-inner">
<div class="item active">
<div class="col-xs-2">
<a class="datepick vc-selected vc-cinema vc-process" style="cursor:pointer" data-vc-cinema="99">
<span class="str-day">TEST CINEMA1</span><br>
</a>
</div>
<div class="col-xs-2">
<a class="datepick disableClick vc-cinema vc-process" style="cursor:pointer" data-vc-cinema="21">
<span class="str-day">Village ΑΤ ΤΗΕ MALL</span><br>
</a>
</div>
<div class="col-xs-2">
<a class="datepick disableClick vc-cinema vc-process" style="cursor:pointer" data-vc-cinema="01">
<span class="str-day">Village ΡΕΝΤΗ</span><br>
</a>
</div>
<div class="col-xs-2">
<a class="datepick disableClick vc-cinema vc-process" style="cursor:pointer" data-vc-cinema="24">
<span class="str-day">Village ΦΑΛΗΡΟ</span><br>
</a>
</div>
<div class="col-xs-2">
<a class="datepick vc-cinema vc-process" style="cursor:pointer" data-vc-cinema="26">
<span class="str-day">Village ΑΓ. ΔΗΜΗΤΡΙΟΣ</span><br>
</a>
</div>
<div class="col-xs-2">
<a class="datepick disableClick vc-cinema vc-process" style="cursor:pointer" data-vc-cinema="03">
<span class="str-day">Village ΠΑΓΚΡΑΤΙ</span><br>
</a>
</div>
<div class="col-xs-2">
<a class="datepick disableClick vc-cinema vc-process" style="cursor:pointer" data-vc-cinema="22">
<span class="str-day">Village Cosmos ΘΕΣΣ.</span><br>
</a>
</div>
</div>
<div class="item ">
<div class="col-xs-2">
<a class="datepick disableClick vc-cinema vc-process" style="cursor:pointer" data-vc-cinema="23">
<span class="str-day">Village ΒΟΛΟΣ</span><br>
</a>
</div>
</div>
</div>
<a class="left carousel-control" data-slide="prev" href="#cinemaSelection"><i class="glyphicon glyphicon-chevron-left"></i></a>
<a class="right carousel-control" data-slide="next" href="#cinemaSelection"><i class="glyphicon glyphicon-chevron-right"></i></a>
</div>
</div>
</div>
<div class="grey_fields">
Επιλογή Ημέρας
</div>
<div class="choose-day">
<div class="choose-day-slider">
<div id="theCarousel" class="carousel slide multi-item-carousel" data-interval="false">
<div class="carousel-inner">
<div class="item active">
<div class="col-xs-2">
<a class="datepick" href="#" data-vc-selecteddate="20181009" id="date20181009">
<span class="str-day">09/10</span><br />
<span class="day-item">Τρίτη</span>
</a>
</div>
<div class="col-xs-2">
<a class="datepick" href="#" data-vc-selecteddate="20181010" id="date20181010">
<span class="str-day">10/10</span><br />
<span class="day-item">Τετάρτη</span>
</a>
</div>
...........etcNow the script part goes like this:
Code:
function selectDate(date) {
console.log(date);
var dateId = "#date" + date;
var timeId = "#timeof" + date;
/* $('.vc-selected', '.choose-day-slider').removeClass('vc-selected'); this is the original script, this will remove the vc-selected from all the carousel*/
$("choose-day").find("choose-day-slider").removeClass('vc-selected'); /* this is what I am trying */
$(dateId).addClass('vc-selected'); /* this will add the vc-selected to a specific button */
$('.vc-selected', '.choose-hour-slider').removeClass('vc-selected');
$('.choose-hour-slider').hide();
$('.vc-instructions').hide();
$('.dateSelected').show();
$(timeId).show();
var sessions = $('.timepicker:not(.not-available)', timeId);
var firstSession = $(sessions[0]).attr('id');
if (!!firstSession) {
selectHour(firstSession, false);
} else {
$('#nextEnabled').hide();
$('#nextDisabled').show();
}
}So one class is named choose-center --> choose-day-slider and the other choose-day --> choose-day-slider .
I'm trying to get the choose-day --> choose-day-slider and to work as would the $('.vc-selected', '.choose-day-slider').removeClass('vc-selected'); would work but only on the second carousel.
When I run this it will only select any button I click and not remove the whole row as I'm trying to do.
I have also tried .parent but it does not work .
also tried this for the fun of it:
$('.vc-selected', $('choose-day').find('choose-day-slider')).removeClass('vc-selected');
$('.vc-selected', $('choose-day').find('choose-day-slider').find('#theCarousel').find('.item active').removeClass('vc-
selected');
nothing works.
Thanks