logo
down
shadow

Add Active Class on different divs using index


Add Active Class on different divs using index

By : Sac
Date : November 14 2020, 04:48 PM
hop of those help? Check the DEMO
code :
$(document).on('click','.loadDots li a',function() {
var that = $(this);
$('.loadDots li a').removeClass('active');
var ind = that.closest('li').index();
$('.loadDots').each(function() {
    $(this).find('li').eq(ind).find('a').addClass('active');
});

});


Share : facebook icon twitter icon
Toggle divs and add class active to them

Toggle divs and add class active to them


By : Mark M
Date : March 29 2020, 07:55 AM
fixed the issue. Will look into that further I have an example here where there are some random divs and when a button linked to them is clicked, i want a tooltip to toggle 9hide/show) which i can easily do- but here are my problems: , Try this jquery code :
code :
$(".buttons").click(function () {
    tooltip = "#"+$(this).val();
    $('.tooltip').not(tooltip).hide()

    if ($(tooltip).is(":visible")) {
        $(tooltip).hide().removeClass("selected")
    } else {
        $(tooltip).show().addClass("selected")
    }
});
Take active class and replicate in other divs

Take active class and replicate in other divs


By : Anup Shetty
Date : March 29 2020, 07:55 AM
To fix this issue I have a slideshow using jQuery.fullPage.js. I'm adding a background color to various slides and I am trying to grab the background color from whatever slide is active and add that as a class to the slide controls of the slideshow. , Try
code :
jQuery(function ($) {
    var pepe = $.fn.fullpage({
        'css3': true,
        "verticalCentered": true
    });
    var colors = ['gray', 'black'], regex = new RegExp(colors.join('|'));
    $('.controlArrow').on('click', function () {
        var classes = $('.slide.active').prop('className');
        var color = classes.match(regex)[0];
        $('.controlArrow').removeClass(colors.join(' ')).addClass(color)
    });
});
Preg replace divs with li but keep class active

Preg replace divs with li but keep class active


By : Riduanur Rahman
Date : March 29 2020, 07:55 AM
hope this fix your issue Trying to get my head around how to create a PHP preg replace for a string that will convert , Try this..You can do this using str_ireplace too
code :
<?php
$html='<div class="active make_link">1</div>
<div class="make_link digit"><a href="">2</a></div>
<div class="make_link digit"><a href="">3</a></div>';

echo str_ireplace(array('<div','</div','class="active make_link"','class="make_link digit"'),array('<li','</li','active',''),$html);
Z-index on two divs where both are active

Z-index on two divs where both are active


By : Fabien Lucas
Date : March 29 2020, 07:55 AM
this will help if i understand correctly you are looking for something like this:
[https://jsfiddle.net/9mwb8gx2/][1]
code :
[1]: https://jsfiddle.net/9mwb8gx2/
Jquery adding active class to all divs but only want the active one

Jquery adding active class to all divs but only want the active one


By : Jimmy Hernandez
Date : March 29 2020, 07:55 AM
I hope this helps . Well, your index is / and since you add the class to all links whose href attributes ends with the current pathname (which is / and all your links end with /) it makes sense.
In the example you have provided you could target the elements that are equal to the path name and not ending-with
code :
$('#navigation').find('a[href="' + pathname + '"]').addClass("active-link")
Related Posts Related Posts :
  • angular 6 Please add a @NgModule annotation
  • Trying to cast element ID to class selector in jQuery
  • Swipe JS - Display 3 Slides at a time
  • Jasmine test to call function when value is null
  • Redux reducer gets string instead of object
  • Keep chrome javascript running even if page reload
  • The event.target.value is not insert the userinput into a variable
  • Exporting HTML tables to Excel (.xls) in a separate sheet
  • Jquery tooltip on dialog close button
  • access variable inside anonymous function from outside
  • How come func is called from a function?
  • How to change add and remove active class in JavaScript
  • how to toggle a specific div in javascript
  • How to get all the values from multiple keys of an array of object?
  • jQuery bind() unbind() and on() and off()
  • regular expression to find DD Month YYYY from a string
  • How to upload files from web client (HTML/jQuery form) to your Dropbox folder
  • Backbone history and require.js issue
  • Confusion over Classical and Prototypal Inheritance Javascript
  • How to take screen shot of current webpage using Javascript/JQuery?
  • Store meridiem in a variable
  • class declared inside closure vs standard class without closure
  • javascript confirm box always return true
  • dynamically changing the size of font size based on text length using css and html
  • Node.js - Getting the host IP address while on Amazon EC2
  • Confusing CSS, can anyone explain please
  • How to install v8-profiler on Windows 8 (64 bit) using npm?
  • Resolve promise based on another promise
  • google maps adding overlay layer above UI and markers
  • Style specific letter?
  • RangeError: Maximum call stack size exceeded with array.slice
  • node rest client get with local variable
  • If condition not executes while mouse move fastly
  • Count the number of displayed elements in a HTML list
  • Locate JavaScript source code in Emacs
  • Clean, Modular Code vs MV* Frameworks
  • infinite scroll without loading image
  • Backbone: reverse collection order with comparator
  • What do printers ignore?
  • jQuery UI .tabs() Contentless tab?
  • Execute Javascript alert() after page (visually) loaded
  • JavaScript - duplicating array doesn't work
  • Excessive clickable area below image
  • JavaScript Regex: Replace |b| with <b>
  • Unexpected value change in 2D array in JavaScript
  • Function doesnt see parameter as a array of objects
  • jQuery fetch keypress event on chrome and IE
  • How to enable jquery validate localization?
  • Cassandra map collection returned by node.js Helenus looks odd
  • angular ng-repeat with multiple filter options
  • Selecting Children without ID or Class names
  • How to uncheck a group of checkboxes when another checkbox is checked
  • Is hiding content by Javascript or jQuery Worth trying
  • Load XUL resource using javascript
  • XML to HTML text area from server file system
  • set focus() on textbox on form onload
  • es lint '' is assigned a value but never used' eventhough i have used it
  • Can "name" attribute be used for custom VueJS components
  • Get innerHTML of content when it is clicked
  • HTTPS causes CSS animations to not load? Very confused
  • shadow
    Privacy Policy - Terms - Contact Us © ourworld-yourmove.org