You can do:

    $(&quot;#country.save&quot;)...

OR

    $(&quot;a#country.save&quot;)...

OR 

    $(&quot;a.save#country&quot;)...

as you prefer.

So yes you can specify a selector that has to match ID *and* class (and potentially tag name and anything else you want to throw in).



Just to add that the answer that Alex provided worked for me, and not the one that is highlighted as an answer. 

This one didn&#39;t work for me  
  
    $(&#39;#country.save&#39;) 

But this one did:  

    $(&#39;#country .save&#39;) 

so my conclusion is to use the space. Now I don&#39;t know if it&#39;s to the new version of jQuery that I&#39;m using (1.5.1), but anyway hope this helps to anyone with similar problem that I&#39;ve had.

**edit:** Full credit for explanation (in the comment to Alex&#39;s answer) goes to Felix Kling who says: 
   

*The space is the descendant selector, i.e. A B means &quot;Match all elements that
match B which are a descendant of elements matching A&quot;. AB means &quot;select all 
element that match A and B&quot;. So it really depends on what you want to achieve. `#country.save` and `#country .save` are not equivalent.*

It will work when adding space between id and class identifier

`$(&quot;#countery .save&quot;)...`

How about this code?

    $(&quot;a.save#country&quot;)




    $(&quot;a.save, #country&quot;) 

will select both &quot;a.save&quot; class and &quot;country&quot; id.


In the end the same rules as for css apply.

So I think [this reference](http://www.w3schools.com/cssref/css_selectors.asp) could be of some valuable use.

How could I get the version defined in `setup.py` from my package (for `--version`, or other purposes)?

How can I get the version defined in setup.py (setuptools) in my package?

Which of these code will be faster?

    $temp = $_REQUEST[&#39;s&#39;];

or

    if (isset($_GET[&#39;s&#39;])) {
      $temp = $_GET[&#39;s&#39;];
    }
    else {
      $temp = $_POST[&#39;s&#39;];
    }


Among $_REQUEST, $_GET and $_POST which one is the fastest?

I&#39;ve got some links that I want to select class and id at the same time.

This is because I&#39;ve got 2 different behaviours. When a class of links got one class name they behave in one way, when the same clas of links got another class name they behave differently. The class names are switch with jquery.

So I have to be able to select a links class AND id at the same time. Is this possible?

I&#39;ve tried:

     $(&quot;a .save #country&quot;)

without any result.

jQuery: select an element&#39;s class and id at the same time?

I've got some links that I want to select class and id at the same time.
This is because I've got 2 different behaviours. When a class of links got one class name they behave in one way, when the same clas of links got another class name they behave differently. The class names are switch with jquery.
So I have to be able to select a links class AND id at the same time. Is this possible?
I've tried:
<pre><code class="hljs language-javascript"> $("a .save #country")
</code></pre>
without any result.

Is it possible to select the last 5 child divs of an element?

Select last 5 elements with jQuery

There are many ways the value of a `&lt;input type=&quot;text&quot;&gt;` can change, including:

 - keypresses
 - copy/paste
 - modified with JavaScript
 - auto-completed by browser or a toolbar

I want my JavaScript function to be called (with the current input value) any time it changes.  And I want it to be called right away, not just when the input loses focus.

I&#39;m looking for the cleanest and most robust way to do this across all browsers (using jQuery preferably).

Detect all changes to a &lt;input type=&quot;text&quot;&gt; (immediately) using JQuery

How can I fire an event if a CSS class is added or changed using jQuery?
Does changing of a CSS class fire the jQuery `change()` event?

Firing events on CSS class changes in jQuery

I&#39;m having a problem doing something very basic in jQuery.  Can someone tell me what I&#39;m doing wrong exactly?

If I run the code below, the function $.get seems to be missing (getJSON and others missing too).  But $ itself and other functions do exist, so I know JQuery is loading.

    google.load(&quot;jquery&quot;, &quot;1.3.2&quot;);
    
    function _validate(form, rules_file) {
       $.get(&#39;/validation_rules.json&#39;,function(data) {
         alert(&quot;hello&quot;)
       })
    } 

Any ideas would be much appreciated.  

Thanks,
Rob


Edit: here is some additional info:

      &lt;script src=&quot;http://www.google.com/jsapi&quot;&gt;&lt;/script&gt;
      &lt;script&gt;
        google.load(&quot;prototype&quot;, &quot;1.6&quot;);
        google.load(&quot;scriptaculous&quot;, &quot;1.8&quot;);
        google.load(&quot;jquery&quot;, &quot;1.3.2&quot;);
      &lt;/script&gt;
      &lt;script&gt;
        jQuery.noConflict(); // prevent conflicts with prototype
      &lt;/script&gt;
      &lt;script src=&quot;/livepipe/src/livepipe.js&quot;
              type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/livepipe/src/window.js&quot;
              type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/livepipe/src/tabs.js&quot;
              type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/jquery.maskedinput-1.2.2.js&quot;
             type=&quot;text/javascript&quot;&gt;&lt;/script&gt;



JQuery: $.get is not a function

I have a form with name `orderproductForm` and an undefined number of inputs.

I want to do some kind of jQuery.get or ajax or anything like that that would call a page through Ajax, and send along all the inputs of the form `orderproductForm`.

I suppose one way would be to do something like

    jQuery.get(&quot;myurl&quot;,
              {action : document.orderproductForm.action.value,
    	       cartproductid : document.orderproductForm.cartproductid.value,
    	       productid : document.orderproductForm.productid.value,
               ...

However I do not know exactly all the form inputs. Is there a feature, function or something that would just send ALL the form inputs?

jQuery AJAX submit form

I&#39;m using JavaScript with the jQuery library to manipulate image thumbnails contained in a unordered list. When the image is loaded it does one thing, when an error occurs it does something else. I&#39;m using jQuery `load()` and `error()` methods as events. **After these events I check the image DOM element for the .complete to make sure the image wasn&#39;t already loaded before jQuery could register the events.**

**It works correctly except when an error occurs before jQuery can register the events.** The only solution I can think of is to use the img `onerror` attribute to store a &quot;flag&quot; somewhere globally (or on the node it&#39;s self) that says it failed so jQuery can check that &quot;store/node&quot; when checking .complete.

Anyone have a better solution?

**Edit: Bolded main points and added extra detail below:**
I&#39;m checking if an image is complete (aka loaded) AFTER I add a load and error event on the image. That way, **if the image was loaded before the events were registered, I will still know.** If the image isn&#39;t loaded after the events then the events will take care of it when it does. The problem with this is, I can easily check if an image is loaded already, but *I can&#39;t tell if an error occurred instead.*

Check if an image is loaded (no errors) with jQuery

I have element E and I&#39;m appending some elements to it. All of a sudden, I find out that the next element should be the first child of E. What&#39;s the trick, how to do it? Method unshift doesn&#39;t work because E is an object, not array. 

Long way would be to iterate trough E&#39;s children and to move&#39;em key++, but I&#39;m sure that there is a prettier way. 


How to set DOM element as the first child?

What function do you use to get innerHTML of a given DOMNode in the PHP DOM implementation? Can someone give reliable solution? 

Of course outerHTML will do too.

How to get innerHTML of DOMNode?

Simple question, I have an element which I am grabbing via `.getElementById ()`. How do I check if it has any children?

How to check if element has any children in Javascript?

I&#39;m trying to figure out how to execute some js code when an element is removed from the page:

    jQuery(&#39;#some-element&#39;).remove(); // remove some element from the page
    /* need to figure out how to independently detect the above happened */

is there an event tailored for that, something like:

    jQuery(&#39;#some-element&#39;).onremoval( function() {
        // do post-mortem stuff here
    });

jQuery - Trigger event when an element is removed from the DOM

get all divs which has class attribute

    $(&#39;div[class]&#39;)

get all divs which do not have class attribute

    $(&#39;div[class!=&quot;&quot;]&#39;)

This code works but I don&#39;t understand why it works. If the above code works then the code for all divs with class attribute should be

    $(&#39;div[class=&quot;&quot;]&#39;) 

which does not yield any result.

jQuery get all divs which do not have class attribute

I&#39;m trying to get a div which has &quot;panel current&quot; as classname.
The problem is the space - how can I select it?

jQuery: selector (classname with space)

In psuedo code, this is what I want.

    var selector = $(this).cssSelectorAsString(); // Made up method...
    // selector is now something like: &quot;html&gt;body&gt;ul&gt;li&gt;img[3]&quot;
    var element = $(selector);

The reason is that I need to pass this off to an external environment, where a string is my only way to exchange data.  This external environment then needs to send back a result, along with what element to update.  So I need to be able to serialize a unique CSS selector for every element on the page.

I noticed jquery has a `selector` method, but it does not appear to work in this context.  It only works if the object was created with a selector.  It does not work if the object was created with an HTML node object.

Getting a jQuery selector for an element

I want to get a list of names of checkboxes that are selected in a div with certain id. How would I do that using jQuery?

E.g., for this div I want to get array [&quot;c_n_0&quot;; &quot;c_n_3&quot;] or a string &quot;c_n_0;c_n_3&quot;

    &lt;div id=&quot;checkboxes&quot;&gt;
        &lt;input id=&quot;chkbx_0&quot; type=&quot;checkbox&quot; name=&quot;c_n_0&quot; checked=&quot;checked&quot; /&gt;Option 1
        &lt;input id=&quot;chkbx_1&quot; type=&quot;checkbox&quot; name=&quot;c_n_1&quot; /&gt;Option 2
        &lt;input id=&quot;chkbx_2&quot; type=&quot;checkbox&quot; name=&quot;c_n_2&quot; /&gt;Option 3
        &lt;input id=&quot;chkbx_3&quot; type=&quot;checkbox&quot; name=&quot;c_n_3&quot; checked=&quot;checked&quot; /&gt;Option 4
    &lt;/div&gt;


Get a list of checked checkboxes in a div using jQuery

With:

&lt;!-- language: lang-javascript --&gt;

    if(element.hasClass(&quot;class&quot;))

I can check for one class, but is there an easy way to check whether &quot;element&quot; has any of many classes?

I am using:

&lt;!-- language: lang-javascript --&gt;

    if(element.hasClass(&quot;class&quot;) || element.hasClass(&quot;class&quot;) ... )

Which isn&#39;t too bad, but I am thinking of something like:

&lt;!-- language: lang-javascript --&gt;

    if(element.hasClass(&quot;class&quot;, &quot;class2&quot;)

Which unfortunately doesn&#39;t work.

Is there something like that?

jQuery hasClass() - check for more than one class

Is there a way to make a CSS Selector that matches the following?

    All OBJECT elements
      which have a PARAM element inside of them

The selector

    OBJECT PARAM

doesn&#39;t work, as it matches the PARAM, not the OBJECT.  I&#39;d like to apply { display:none } to the objects; it&#39;s useless to apply that to the PARAMs.

(I&#39;m aware I could pull this off with jQuery - `$(&quot;object param&quot;).closest(&quot;object&quot;)` - and VanillaJS - `document.querySelector(&quot;object param&quot;).closest(&quot;object&quot;)` - but I&#39;m trying to create CSS rules on a page.)

CSS selector for &quot;foo that contains bar&quot;?

Given the following HTML:

    &lt;div id=&quot;table-filters&quot;&gt;
        &lt;ul&gt;
            &lt;li class=&quot;active&quot;&gt;blah&lt;/li&gt;
            &lt;li&gt;blah&lt;/li&gt;
            &lt;li&gt;blah&lt;/li&gt;
            &lt;li&gt;blah&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;

Using table-filters as the jQuery selector, how can I clear out the elements having `CLASS=ACTIVE`, no matter which `LI` it happens to be on?

thanks

Remove a CLASS for all child elements

I have the following html

    &lt;div class=&quot;section&quot;&gt;
       &lt;div&gt;header&lt;/div&gt;
       &lt;div&gt;
              contents
              &lt;div&gt;sub contents 1&lt;/div&gt;              
              &lt;div&gt;sub contents 2&lt;/div&gt;
       &lt;/div&gt;
    &lt;/div&gt;

And the following style:

    DIV.section DIV:first-child 
    {
      ...
    }

For some reason that I don&#39;t understand the style is getting applied to the *&quot;sub contents 1&quot;* `&lt;div&gt;` as well as the *&quot;header&quot;* `&lt;div&gt;`.  

I thought that the selector on the style would only apply to the first direct child of a div with a class called &quot;section&quot;.  How can I change the selector to get what I want?


Is there a CSS selector for the first direct child only?

I want two classes with different names to have the same property in CSS. I don&#39;t want to repeat the code.

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    .abc {
       margin-left:20px;
    }  
    .xyz {
       margin-left:20px;
    }

&lt;!-- language: lang-html --&gt;

    &lt;a class=&quot;abc&quot;&gt;Lorem&lt;/a&gt;
    &lt;a class=&quot;xyz&quot;&gt;Ipsum&lt;/a&gt;

&lt;!-- end snippet --&gt;

Since both classes are doing the same thing, I should be able to merge it into one. How can I do that?

Content Type	Original Author	Original Content on Stackoverflow
Question	ajsie	View Question on Stackoverflow
Solution 1 - Jquery	cletus	View Answer on Stackoverflow
Solution 2 - Jquery	Nikola	View Answer on Stackoverflow
Solution 3 - Jquery	Alex	View Answer on Stackoverflow
Solution 4 - Jquery	Pekka	View Answer on Stackoverflow
Solution 5 - Jquery	o.k.w	View Answer on Stackoverflow
Solution 6 - Jquery	getack	View Answer on Stackoverflow

jQuery: select an element's class and id at the same time?

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

Solution 4 - Jquery

Solution 5 - Jquery

Solution 6 - Jquery

Among $_REQUEST, $_GET and $_POST which one is the fastest?

How can I get the version defined in setup.py (setuptools) in my package?

Attributions