How can I achieve this?
$(".my_selected .element").myCustomFunction();
or maybe even simply this?
$(".my_selected .element").???????(myCustomFunction());
Where the function will know that $(this) equals $(".my_selected .element").
Thank you!
$.fn.myCustomFunction = function(){
// this or $(this) is $(".my_selected .element")
}
this is $('.my_selected .element').
$(this) as this has already been wrapped in a jquery object for you, if i understand the documentation right.
Write a plugin: http://docs.jquery.com/Plugins/Authoring
You extend jQuery's functionality by adding your own function as so:
jQuery.fn.myCustomFunction = function() {
};
The this keyword works as intended within the function if I remember correctly.
Use the code below, see a working demo here
(function( $ ){
$.fn.myCustomFunction= function() {
alert($(this).html());
};
})( jQuery );
$(".my_selected .element").myCustomFunction();
It is the simple way of extending jQuery
Sounds like you want the each function if you aren't talking about actually writing a jQuery plugin. If you know all of your items returned from the selector support the function you could just do something like.
$('li').each(function(index) {
alert(index + ': ' + $(this).text());
});
Additional information about this jQuery approach http://api.jquery.com/each/
