jquery-selectors

问题 I have a page where all inputs are assigned a behavior: $("input").blur(function () { and I need to exclude a checkbox that has a specific id: <input type="checkbox" id="allButMe" onchange="billingSameChanged();" value="true"/> thx 回答1: Use jQuery's not selector like this: $("input:not(#allButMe)").blur(function() { }); 回答2: use jQuery not here $("input").not("#allButMe").blur(function() {}); 来源： https://stackoverflow.com/questions/2710400/deselect-an-id-that-would-otherwise-be-selected-by

问题 I have a listbox element in aspx page which id is attributesList. I want to select this element to track its change event, but i cant directly select its id because asp.net changes its id on runtime. its id, attributesList changes into ctl00_adminPlaceHolder_attributesList. so what i want to do is to use a "contains" xpath expression to select the element. 回答1: You'll want to instead use the "End with" attribute selector like so: $("*[id$='attributesList']") 来源： https://stackoverflow.com

问题 I'm trying to implement a single-star rating (i.e. a like button). I want to change (toggle) the star image. The only problem it seems to have is that while using $.ajax, on "success:" part, the src attr (or anything else really, like .css) applies for one (the first) time ONLY ! In fact, the client has to refresh the page to see the latest star image/status (which loads from the db). Here's the code: <script language="javascript"> // Ajax: Star $("#p<?php echo $pID;?>").find('.star').click

问题 Heres the jsfiddle, jsfiddle.net/kqreJ So I was using .bind no problem for this function but then I loaded more updates to the page and found out that .bind doesn't work for content imported to the page but just for content already on the page! Great! So I switched it up to .delegate which is pretty cool but now I can't figure out how to .bind .unbind my function the way it was??? Function using .bind which worked perfect... except didn't work on ajax content.. :( $('.open').bind("mouseup"

问题 I am generating a dropdown on a completely separate page by jquery append function. I was getting duplicate rows of data if I just use append if(params.totalRecords > 50){ var i, j; j = 0; for(i=0; i < params.totalRecords; i++){ if(i%50==0){ $('#startRecord').append( $('<option></option>').val(i).html((j+1)+'-'+(j+=50))); } } $('#dropDownSpan').css('visibility', 'visible'); } so now when I was adding the values to drop down it was adding duplicate rows like this <option value=0>1-50</option>

问题 How can we get the selected value of PrimeFaces <p:selectOneMenu> using JavaScript/jQuery? I am trying to get it this way, but it does not go inside if condition, which means that the ID of the element is not correct. <h:head> <script> function showDialog() { alert("insdie function"); if($('#someSelect').val() == 'India') { dlg.show(); alert("after function"); } alert("outside function"); } </script> </h:head> <h:body> <h:form> <p:panel> <h:panelGrid columns="2"> <p:selectOneMenu id=

问题 I have an input with the name attribute: <input type="text" name="data[foo][bar]" /> how can I select this element? I tried $("input[name=data[foo][bar]]") but in vein. 回答1: Add quotes to the attribute value, otherwise you get conflicting square brackets and a parse error: $("input[name='data[foo][bar]']") 回答2: $("input[name='data[foo][bar]']") 回答3: $('input[name="data[foo][bar]"]') http://api.jquery.com/attribute-equals-selector/ for more info 回答4: Use $("input[name=data\\[foo\\]\\[bar\\]]")

问题 For instance I have this html code <div class="messageContainer"> <div class="message"> </div> </div> ---Here <div class="messageContainer"> <div class="message"> </div> <here> :) </div> Now I need to create a div with some information located in the text ("---Here"). Is there any way how obviously by using jQuery. 回答1: You're looking for the after() command: $("#messageContainer").after("<div>"); Though in your example, this will add it after every messageContainer. You will need to adjust

问题 I am pretty new in JQuery and I have the following situation: <!-- Bottone relativo ai progetti WIFI: --> <a title="WIFI" href="javascript: void(0)" id="showWifi_${item.index}" class="showWifi"> <div class="news_box news_box_01 hvr-underline-from-center " style="margin-right: 50px;"></div> </a> I have the a tag having class="showWifi" . I have to use JQuery to select the first div element inside this a tag having class="showWifi" . I don't want set an id to this tag, but I want use the JQuery

问题 How can I remove the p tags outside of this div (I do not want to remove the test div). <p> <div class='test'> content here <img /> </div> </p> The result I'd like would be... <div class='test'> content here <img /> </div> I know there's a similar question here: jQuery: How do I remove surrounding div tags?, but not got it to work in my situation I've tried $('p .test').replaceWith($('.test)); But of course that just selects the salon-slideshow div, rather than the p before it. 回答1: This will