How to get the ID of the div the function was called from in jQuery?

Question

I have a jquery function ('rater') that I call this way:

<div id="someID"></div>

<script type="text/javascript">
    $('#someID').rater({options});
</script>

I want to get the ID ('someID' in this case) so then I can use it inside the function as a variable.

Then I use it in something like this:

if (??? == 'someID') { do something }

How can I do it??

Answer 1

Are you looking for selector?

After reading your edited question again, it sounds as though you want the string of the id passed through.

<div id="someID"></div>

<script type="text/javascript">
    $("#someID").rater({options},$("#someID").selector);
</script>

For efficiency sake, you can store the $("#someID") off in a variable if you like so you only do the query once.

Answer 2

Not sure why you're trying to do this, but...

// create jQuery plugin method: "rater"
jQuery.fn.rater = function() 
{
  // `this` is a jQuery object: process each matched element
  return this.each(function()
  {
    // `this` is a single matched element. Process it, somehow...
    if ( this.id == "someID" )
    {
      // do something special
    }

    // normal rater logic, whatever that might be
  });
};

Answer 3

Retrieving the selector used to call the plugin:

jQuery.fn.myPlugin = function() {
    alert( this.selector );
};

You can access the selector as a property of the jQuery object.

So, if I called the plugin like this:

$('div #something').myPlugin();

Then "div #something" would be alerted.

---

Retrieving an element's ID from within a plugin:

jQuery.fn.myPlugin = function() {
    alert( this.attr('id') );
};

Answer 4

if( $(this).attr('id') == 'someID' ) {
  // do stuff
}