this content was originally posted here.

find all elements add class jquery

this will grab all a elements, and dump them to the console.

var allLinkElements = $( "a" ); console.log(allLinkElements);

then we need to split into a jquery object, this is a jquery version of an array. tell it to look in a certain element where you want to find the links.

obj = $( "a" ).find( allLinkElements ); console.log(obj);

add a class to all of them, using the target element to only add css to those within

$( "#content" ).find( allLinkElements ).css( "background-color", "red" );

test with the link elements and css change

var allLinkElements = $( "a" ); $( "#content" ).find( allLinkElements ).css( "background-color", "red" );

you can copy and paste that into the console and it should change the background color of all links in #content to red.

now try adding a class

var allLinkElements = $( "a" ); $( "#content" ).find( allLinkElements ).addClass( "btn btn-primary");

Here are some test links that should change to buttons if you run this code.

A Test Link

A Test Link

A Test Link

A Test Link

A Test Link

if we didnt add the #content to the above command it would change all links on the whole page to buttons which could cause issues.

then we can remove the class with removeClass, you can also just use toggleClass.

var allLinkElements = $( "a" ); $( "#content" ).find( allLinkElements ).toggleClass( "btn btn-primary");

Demo

database file: /home/kruxor/Dropbox/ssl.kruxor.com/root/kruxor.com/db/db.db
comments_dbfile: /home/kruxor/Dropbox/ssl.kruxor.com/root/kruxor.com/db/comments.db ($db_comments)
views_dbfile: /home/kruxor/Dropbox/ssl.kruxor.com/root/kruxor.com/db/views.db
$dbfood_file: /home/kruxor/Dropbox/ssl.kruxor.com/root/kruxor.com/db/food.db
db_linx: /home/kruxor/Dropbox/ssl.kruxor.com/root/kruxor.com/linx/db/db.db
Classes Loaded:
class/answers.class.php
class/code.class.php
class/comments.class.php
class/content.class.php
class/core.class.php
class/crud.class.php
class/crumbs.class.php
class/featured.class.php
class/food.class.php
class/functions.class.php
class/images.class.php
class/import.class.php
class/links.class.php
class/questions.class.php
class/template.class.php
class/tv.class.php
class/user.class.php
class/utilities.class.php
class/views.class.php
class/widget.class.php
Class Extend Loaded: class/extends/expenses.extend.php
Class Extend Loaded: class/extends/gary_cummins_timeline.extend.php
Class Extend Loaded: class/extends/moo.extend.php
Class Extend Loaded: class/extends/osrs_item_data.extend.php
Class Extend Loaded: class/extends/osrs_slayer.extend.php
Class Extend Loaded: class/extends/osrs_slayer_monsters.extend.php
Class Extend Loaded: class/extends/searches.extend.php
Core Database Connected: expenses.db
expenses add_to_menu:
Class Extend Auto Initialized as: expenses
Core Database Connected: gary_cummins_timeline.db
gary_cummins_timeline add_to_menu:
Class Extend Auto Initialized as: gary_cummins_timeline
Core Database Connected: moo.db
moo add_to_menu:
Class Extend Auto Initialized as: moo
Core Database Connected: osrs_item_data.db
osrs_item_data add_to_menu:
Class Extend Auto Initialized as: osrs_item_data
Core Database Connected: osrs_slayer.db
osrs_slayer add_to_menu:
Class Extend Auto Initialized as: osrs_slayer
Core Database Connected: osrs_slayer_monsters.db
osrs_slayer_monsters add_to_menu:
Class Extend Auto Initialized as: osrs_slayer_monsters
Core Database Connected: searches.db
searches add_to_menu:
Class Extend Auto Initialized as: searches
$user_logged_in:
user access level:
pages:
$p1:view
$p2:code
$p3:40eL1
$p4:find-all-elements-add-class-jquery
$p5:
$p6:
$p:/view/code/40eL1/find-all-elements-add-class-jquery/
Using Template: view-code.html