Description
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.
Screenshots
Installation
This section describes how to install the plugin and get it working.
e.g.
- Upload the plugin files to the
/wp-content/plugins
directory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
Reviews
Contributors & Developers
“WordPress Dev Powers – Element Selector jQuery Powers Plugin” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “WordPress Dev Powers – Element Selector jQuery Powers Plugin” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0
- Deployed on wordpress.org