The :not selector can take multiple CSS selectors as arguments ( http://api.jquery.com/not-selector ). E.g. 

    $(&#39;div:not(.a,.b)&#39;).empty()

http://jsfiddle.net/HFfcP/


try this : 


    $(&#39;.boxes li&#39;).not(&quot;.show-all-boxes, .show-all-circles, .show-all-triangles&quot;).find(&#39;input:checkbox&#39;)



I have a python dictionary. Just to give out context, I am trying to write my own simple cross validation unit.

So basically what I want is to get all the values except for the given keys.
And depending on the input, it returns all the values from a dictionary except to those what has been given.

So if the input is 2 and 5 then the output values doesn&#39;t have the values from the keys 2 and 5?

Retain all entries except for one key python

I want to iterate over everything in a list except the first few elements, e.g.:

    for line in lines[2:]:
        foo(line)

This is concise, but copies the whole list, which is unnecessary. I could do:

    del lines[0:2]
    for line in lines:
        foo(line)

But this modifies the list, which isn&#39;t always good.

I can do this:

    for i in xrange(2, len(lines)):
        line = lines[i]
        foo(line)

But, that&#39;s just gross.

Better might be this:

    for i,line in enumerate(lines):
        if i &lt; 2: continue
        foo(line)

But it isn&#39;t quite as obvious as the very first example.

So: What&#39;s a way to do it that is as obvious as the first example, but doesn&#39;t copy the list unnecessarily?

pythonic way to iterate over part of a list

I have this selector below where it ignores any `li` with the class `show-all-boxes`     

    $(&#39;.boxes li:not([class=&quot;show-all-boxes&quot;]) input:checkbox&#39;)

What is the best way of adding multiple classes to be ignored by the selector? An example of this that I thought would work but it doesn&#39;t is:

    $(&#39;.boxes li:not([class=&quot;show-all-boxes, show-all-circles, show-all-triangles&quot;]) input:checkbox&#39;)



How to ignore multiple classes using the :not selector?

I have this selector below where it ignores any <code>li</code> with the class <code>show-all-boxes</code>
<pre><code class="hljs language-css">$('.boxes li:not([class="show-all-boxes"]) input:checkbox')
</code></pre>
What is the best way of adding multiple classes to be ignored by the selector? An example of this that I thought would work but it doesn't is:
<pre><code class="hljs language-css">$('.boxes li:not([class="show-all-boxes, show-all-circles, show-all-triangles"]) input:checkbox')
</code></pre>

I&#39;m trying to disable the html/body scrollbar of the parent while I&#39;m using a lightbox. The main word here is *disable*. I do *not* want to hide it with `overflow: hidden;`.

The reason for this is that `overflow: hidden` makes the site jump and take up the area where the scroll was.

I want to know if its possible to disable a scrollbar while still showing it.

How to disable scroll without hiding it?

How can i update the following JSON object dynamically using javascript or Jquery?

    var jsonObj = [{&#39;Id&#39;:&#39;1&#39;,&#39;Username&#39;:&#39;Ray&#39;,&#39;FatherName&#39;:&#39;Thompson&#39;},  
                   {&#39;Id&#39;:&#39;2&#39;,&#39;Username&#39;:&#39;Steve&#39;,&#39;FatherName&#39;:&#39;Johnson&#39;},
                   {&#39;Id&#39;:&#39;3&#39;,&#39;Username&#39;:&#39;Albert&#39;,&#39;FatherName&#39;:&#39;Einstein&#39;}]

I would like to dynamically update the Username to &#39;Thomas&#39; where the &#39;Id&#39; is &#39;3&#39;.

How can I acheive this?


Updating a JSON object using Javascript

Forgive me for not being more specific on this. I have such a strange bug. After the doc loads, I loop some elements that originally have `data-itemname=&quot;&quot;`, and I set those values using `.attr(&quot;data-itemname&quot;, &quot;someValue&quot;)`.

Issue: When I later loop thru those elements, if I do `elem.data().itemname`, I get `&quot;&quot;`, but if I do `elem.attr(&quot;data-itemname&quot;)`, I get `&quot;someValue&quot;`.  It&#39;s like jQuery&#39;s `.data()` getter only gets elements that are set initially to contain some value, but if they are originally empty, and later set, then `.data()` doesn&#39;t get the value later on.

I&#39;ve been trying to recreate this bug but have not been able to.

**Edit**

I have recreated the bug! http://jsbin.com/ihuhep/edit#javascript,html,live

Also, snippets from above link...

JS:

    var theaters = [
        { name: &quot;theater A&quot;, theaterId: 5 },
        { name: &quot;theater B&quot;, theaterId: 17 }
    ];

    $(&quot;#theaters&quot;).html(
        $(&quot;#theaterTmpl&quot;).render(theaters)
    );

    // DOES NOT WORK - .data(&quot;name&quot;, &quot;val&quot;) does NOT set the val
    var theaterA = $(&quot;[data-theaterid=&#39;5&#39;]&quot;);
    theaterA.find(&quot;.someLink&quot;).data(&quot;tofilllater&quot;, &quot;theater5link&quot;); // this does NOT set data-tofilllater
    $(&quot;.someLink[data-tofilllater=&#39;theater5link&#39;]&quot;).html(&quot;changed link text&quot;); // never gets changed

    // WORKS - .attr(&quot;data-name&quot;, &quot;val&quot;) DOES set val
    var theaterB = $(&quot;[data-theaterid=&#39;17&#39;]&quot;);
    theaterB.find(&quot;.someLink&quot;).attr(&quot;data-tofilllater&quot;, &quot;theater17link&quot;); // this does set data-tofilllater
    $(&quot;.someLink[data-tofilllater=&#39;theater17link&#39;]&quot;).html(&quot;changed link text&quot;);

HTML:

    &lt;body&gt;
        &lt;div id=&quot;theaters&quot;&gt;&lt;/div&gt;
    &lt;/body&gt;
    
    &lt;script id=&quot;theaterTmpl&quot; type=&quot;text/x-jquery-tmpl&quot;&gt;
        &lt;div class=&quot;theater&quot; data-theaterid=&quot;{{=theaterId}}&quot;&gt;
            &lt;h2&gt;{{=name}}&lt;/h2&gt;
            &lt;a href=&quot;#&quot; class=&quot;someLink&quot; data-tofilllater=&quot;&quot;&gt;need to change this text&lt;/a&gt;
        &lt;/div&gt;
    &lt;/script&gt;



jQuery .data() does not work, but .attr() does



![enter image description here][1]


  [1]: http://i.stack.imgur.com/l0vW0.png

From the picture above, I want to clone the div with id #car2 and append it after the last div with id start with car, in this example id #car5. How can I do that?
Thanks.

This is my try code:

    $(&quot;div[id^=&#39;car&#39;]:last&quot;).after(&#39;put the clone div here&#39;);

jquery clone div and append it after specific div

I want to send the variables itemId and entityModel to the ActionResult CreateNote:

    public ActionResult CreateNote(
            [ModelBinder(typeof(Models.JsonModelBinder))]
            NoteModel Model, string cmd, long? itemId, string modelEntity)

with this javascript:

    Model.meta.PostAction = Url.Action(&quot;CreateNote&quot;, new { cmd = &quot;Save&quot;, itemId = itemId, modelEntity = modelEntity});

However, the url being send is    

    localhost:1304/Administration/blue/en-gb/Entity/CreateNote?modelEntity=Phrase&amp;amp;itemId=44		

I want to send 

    localhost:1304/Administration/blue/en-gb/Entity/CreateNote?modelEntity=Phrase&amp;itemId=44

How can I prevent Url.Action to put the &amp;amp; in front of the second variable that I want to send?

Url.Action puts an &amp;amp; in my url, how can I solve this?

I want set a dropdown(select) to be change based on the value of the entries.

I have

    &lt;select id=&quot;mySelect&quot;&gt;
      &lt;option value=&quot;ps&quot;&gt;Please Select&lt;/option&gt;
      &lt;option value=&quot;ab&quot;&gt;Fred&lt;/option&gt;
      &lt;option value=&quot;fg&quot;&gt;George&lt;/option&gt;
      &lt;option value=&quot;ac&quot;&gt;Dave&lt;/option&gt;
    &lt;/select&gt;

And I know that I want to change the dropdown so that the option with the value of &quot;fg&quot; is selected. How can I do this with JQuery?

JQuery - how to select dropdown item based on value

My html looks like this 

    &lt;input id=&quot;txt&quot; value=&quot;&quot;&gt;&lt;/input&gt;
    
    &lt;div class=&quot;link-item&quot;&gt;jK&lt;/div&gt;
    &lt;div class=&quot;link-item&quot;&gt;JFOO&lt;/div&gt;

my js

    $(&#39;#txt&#39;).keyup(function(){

        var txtsearch = $(&#39;#txt&#39;).val();
        var filt = $(&quot;div.link-item:contains(&#39;&quot; + txtsearch +&quot;&#39;)&quot;);

        $(&quot;div.link-item&quot;).css(&quot;display&quot;, &quot;none&quot;)
            .filter(filt)
            .css(&quot;display&quot;, &quot;block&quot;);

    });

I&#39;m looking to filter content dynamically on the client side. When I type a capital j, it only returns the second div whereas I want to get all div that contain j whether upper or lower case.

jQuery :contains() selector uppercase and lower case issue

    &lt;div class=&quot;second&quot;&gt;
		&lt;div class=&quot;selector&quot; id=&quot;selFirst&quot;&gt;&lt;/div&gt;
		&lt;div class=&quot;selector&quot; id=&quot;selSecond&quot;&gt;&lt;/div&gt;
	    &lt;div&gt;&lt;/div&gt;
    &lt;/div&gt;

How to get #selFirst using element index not the ID?

this:
      
    var $selFirst = $(&quot;.second:nth-child(1)&quot;);
	console.log($selFirst);

is returning :    
     
    jQuery(div.second)



How to get child element by index in Jquery?

I have a searchbox on my site that.  Currently, users must click the submit button next to the box to search via jquery&#39;s post.  I would like to let users also press enter to search.  How can i do this?

JQUERY:

    $(&#39;document&#39;).ready(function(){
		$(&#39;#searchButton&#39;).click(function(){
			var search = $(&#39;#usersSearch&#39;).val();
			$.post(&#39;../searchusers.php&#39;,{search: search},function(response){
				$(&#39;#userSearchResultsTable&#39;).html(response);
			});
		});
	});

HTML:

    &lt;input type=&#39;text&#39; id=&#39;usersSearch&#39;  /&gt;&lt;input type=&#39;button&#39; id=&#39;searchButton&#39; value=&#39;search&#39; /&gt;

Trigger an event on `click` and `enter`

I have the following HTML:

    &lt;table id=&quot;MwDataList&quot; class=&quot;data&quot; width=&quot;100%&quot; cellspacing=&quot;10px&quot;&gt;
        ....

        &lt;td class=&quot;centerText&quot; style=&quot;height: 56px;&quot;&gt;
            &lt;input id=&quot;selectRadioButton&quot; type=&quot;radio&quot; name=&quot;selectRadioGroup&quot;&gt;
        &lt;/td&gt;

        ....
    &lt;/table&gt;

In other words I have a table with few rows, in each row in the last cell I have a radio button.  
How can I get *parent* row for selected radio button?

What I have tried:

    function getSelectedRowGuid() {
        var row = $(&quot;#MwDataList &gt; input:radio[@name=selectRadioGroup]:checked :parent tr&quot;);
        var guid = GetRowGuid(row);
        return guid;
    }

But it seems like this selector is incorrect.

Content Type	Original Author	Original Content on Stackoverflow
Question	Cecil Theodore	View Question on Stackoverflow
Solution 1 - Jquery	Thong Kuah	View Answer on Stackoverflow
Solution 2 - Jquery	redmoon7777	View Answer on Stackoverflow

How to ignore multiple classes using the :not selector?

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

pythonic way to iterate over part of a list

Retain all entries except for one key python

Attributions