jquery-selectors

问题 I'm using http://designwithpc.com/Plugins/Hovercard , but I can't find out how to declare a var on hovercard. Every job-desc has his own ID and it should be call when hovering labels. I hope I explained well. <li id="577" class="item"> <span> <h3 class="padding-left"><label class="labeldesc" for="">Text</label></h3> </span> <span class="job-descr" id="hiden-577">TextTextTextTextText</span> </li> <li id="588" class="item"> <span> <h3 class="padding-left"><label class="labeldesc" for="">Text2<

问题 Say I have a jquery function within JavaScript and I have this code so far, which works great: jQuery('div[class="someClass"] input[type="text"]').each( function() { //some code} . . . In the above code, how can I target multiple types of inputs such as textArea, drop-down list etc. I am pretty new to jQuery so I am not aware of the format a google search did not bring up anything of much relevance! Please help. 回答1: If you're happy to select all descendent elements that are of these types:

问题 Please advise which way using selectors in jQuery is faster: $('.class1, .class2').html(''); or $('.class1').html(''); $('.class2').html(''); 回答1: In terms performance they seems to be almost same(7-8%), but in terms of maintainability the first method will be better since there is no duplication of code 回答2: check Performance Single $('.class1, .class2').html(''); better as no duplication of code jQuery constructor is called only once which makes it little fast.(+3-4%) 来源： https:/

问题 I'm tying to select images based on their URLs, but for some reason it's not playing ball: Ultimately I'm after something like: var imgs = $("img[@src='images/object.png']:not(:hidden)"); But even with something simple like: $("img[@src='images/object.png']"); This error is thrown: "TypeError: Object doesn't support this property or method". If I omit the @ from the query: $("img[src='images/object.png']"); I get no items returned. I've copied and pasted the path directly from the generated

问题 I'm trying to advance the Jquery-autcomplete function. I want Jquery-autocomplete to create new rows in a table. That works so far. But I want Jquery to add a delete-button. So the user is able to delete one of his added items. $(document).ready( function() { //create an new <tr> <td> in #log function log( message ) { $("<tr> <td>" + message + "<input class='Entf' type='button' value ='Entfernen' />" + "</td></tr>").appendTo("#log"); $( "#log" ).attr( "scrollTop", 0 );} // get the values from

问题 i am looking for the solution to place a span tag, after every third div tag . HTML <div class="grid_15"> <div class="grid_5"> <p>Sun</p> <div> <div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div> </div> </div> <div class="grid_5"> <p>Mon</p> <div> <div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div> </div> </div> <div class="grid_5"> <p>Tue</p> <div> <div class="suggest nudge

问题 Both :checked and :selected seem to provide equal results when working with <option> elements. Is there any advantage to using one over the other? If :selected does the same thing as :checked , what is the reason for it to be included in jQuery at all? Example: <p class="p1">Select a value</p> <p class="p2">Select a value</p> <select> <option value="a">Option one</option> <option value="b">Option two</option> </select> $('select').on('change', function(){ $('.p1').text(function() { return $(

问题 I need to access DOM elements after JQuery append. Let's say I have this: <ul id="items"> <li class="item">one</li> <li class="item">two</li> </ul> Then is Javascript: var addItems = function(html) { $('#items').append(html); //How do I access the new items here? } Let's say that html is: <li class="item">three</li> <li class="item">four</li> I need to do something to the two new items. This something includes binding events to them. So I cannot simply use $('.item') because that will add

问题 I looked at jQuery selector for an element that directly contains text?, but the suggested solutions were all quite involved. I tried to select the second div , which contains some text as below. <div> <div> mytext </div> </div> The jQuery command: $('div:contains("mytext")').css("color", "red) Unfortunately this also selects (makes red) all the parent divs of the div that I would like to select. This is because :contains looks for a match within the selected element and also its descendants.

问题 I want to find a <td role="foo" class="one two three four"> within a <div id="myid"> These two selectors work: $('#myid td[role=foo]') $('#myid .two') But this one doesn't, why? $('#myid .two td[role=foo]') 回答1: Because a space in a selector string is a descendant-selector. You would need to do: $('#myid td.two[role=foo]') The way you had it, you were searching for <td role="foo"> elements that are a descendant of .two . 回答2: Because your selector: $('#myid .two td[role=foo]') is looking for