I am trying to make a jquery function, and used below code, but not getting any output. Please tell me the process to make it.
<script type="text/javascript">
(function($){
$.fn.myplugin = function(){
alert(this.id);
};
})(jQuery);
$("#sample").myplugin();
</script>
Lightness Races in Orbit
387k77 gold badges672 silver badges1.1k bronze badges
asked Sep 19, 2011 at 11:55
Dheeraj Agrawal
2,35911 gold badges47 silver badges65 bronze badges
5 Answers 5
You can see the working code here – http://jsfiddle.net/gryzzly/YxnEQ/
Note that you need an element with id "sample" to be present in your document when you are running the above code. Also, the this is pointing at jQuery object, so in order to get the elements id, you need to use either of the following:
alert( this[0].id );
or
alert( this.attr('id') );
The first is preferable, because it's faster.
answered Sep 19, 2011 at 12:06
Misha Reyzlin
13.9k4 gold badges57 silver badges65 bronze badges
Sign up to request clarification or add additional context in comments.
1 Comment
Misha Reyzlin
what browser you are in? is jQuery loaded on the page?
Try this:
<script type="text/javascript">
$(document).ready(function(){
myplugin($("#sample"));
});
function myplugin(obj){
alert(obj.id);
}
</script>
1 Comment
ip_x
Actually i was not able to workout solution given by @Kanishka , so this answer is an improvement to his solution .Just thought of sharing it
Try this:
<script type="text/javascript">
$(document).ready(function(){
$("#sample").myplugin(this.id);
});
function myplugin(id) {
alert(id);
}
</script>
answered Sep 19, 2011 at 12:01
Kanishka Panamaldeniya
17.6k31 gold badges128 silver badges195 bronze badges
Comments
Try changing
alert(this.id);
to
alert(this[0].id);
As you're getting a jQuery object array.
answered Sep 19, 2011 at 12:00
Dogbert
224k43 gold badges419 silver badges417 bronze badges
Comments
alert(this.attr('id'));
this in that context is a jQuery object, not a raw DOM element.
answered Sep 19, 2011 at 12:00
Mike Thomsen
37.7k11 gold badges64 silver badges86 bronze badges
1 Comment
Dheeraj Agrawal
so what should be the code & how I will implement any jquery function?
lang-js
scripttag placed below the HTML? if not, wrap the code with$(document).ready(function() { // here goes your code });