WordPress Dev Powers – Element Selector jQuery Powers Plugin

Gives you the power of a jQuery developer without needing to know any jQuery at all. Simply specify a selector of the element you want to target and then choose from the following options that appear to determine what you want to do with it…

What do you want to do with the element(s) with the selector(s) you choose?
(The links below to open an instructive GIF demonstrating them in action. Hold Ctrl/Cmd when clicking to open them in a new tab.)
• Open all links with this selector in a new tab.
• Disable all links with this selector.
• Change the background image of all elements with this selector to…
• Change the image for all img tags with with this selector to…
• Change the content in all elements with this selector to…
• Add the following class to all elements with this selector…
• Add the following class to all child elements of elements with this selector…
• Add the following class to all the elements with the following selector that appear after elements with this selector…
• Insert the following code before all elements with this selector…
• Insert the following code after all elements with this selector…
• Wrap all elements with this selector with…
• Remove the last so many characters inside all elements with this selector…
• Remove the first so many characters inside all elements with this selector…
• Clear all forms with this selector when clicking elements with the following selector…
• When clicking elements with this selector, toggle the follow class on and off…
• When an element with this selector is clicked, toggle the following class to all elements with the following selector…
• For each image inside elements with this selector, display the alt tag above or below the image…
• Add the following styles to all elements with this selector…
• Add the following styles to all child elements of elements with this selector…
• Add the following styles to all the elements with the following selector that appear after elements with this selector…
• Target the nearest parent element of this selector that has the following selector…
• For each image inside elements with this selector, display the alt tag above the image.
• For each image inside elements with this selector, display the alt tag below the image.
• I need to target something more specific…

What type of element do you want to target? (Only appears if one of the last two options above is selected.)
• Target child elements of this selector.
• Target sibling elements of this selector.
• Target parent elements of this selector.

Which ones? (Only appears if “I need to target something more specific…” is selected. )
• All of them.
• Only the first one.
• Only the last one.

Specify a selector that these must have to be targeted? (Only appears if “I need to target something more specific…” is selected. )
• Yes.

What do you want to do with your target elements? (Only appears if “I need to target something more specific…” is selected. )
• Add class to them…
• Add class to all their child elements…
• Add class to all elements after them…
• Add the following styles to them…
• Add code after them…
• Add code before them…
• Change the content in them to…
• Change their background image to…
• Change their image to…
• Wrap them with…
• Remove specified amount of characters from the beginning of them…
• Open links in a new tab.
• Disable links.

Pro Powers

• Support & Updates.
• Add an unlimited number of selectors.
• Set an unlimited amount of things to do with each selector.