jquery-selectors

问题 I'm using this syntax to make sure that the events bind on dynamically added li elements $('ul.list').on('click', 'li', function() { //do something }); I tried to archive the same with an event-map like this: $('ul.list').hammer({ css_hacks : false }).on({ swipe : function(event){ //do something }, doubletap : function(event){ //some more code } }, 'li'); but its not working at all. If I bind the events directly to the li element it works fine for existing elements, but not for dynamically

问题 I found that jQuery :odd selector and CSS3 nth-child(odd) works different. http://jsfiddle.net/TMDwT/5/ In yellow it's CSS nth-child(odd) and if you uncomment JS and comment background: yellow in CSS you will find that it found in another way. Can anybody say how I achieve the same result as in jQuery but with CSS3? Thanks! 回答1: Yes, :odd and :nth-child(odd) are not the same thing: :odd matches the odd items within the matched elements , i.e. the contents of the jQuery object you apply the

问题 I found that jQuery :odd selector and CSS3 nth-child(odd) works different. http://jsfiddle.net/TMDwT/5/ In yellow it's CSS nth-child(odd) and if you uncomment JS and comment background: yellow in CSS you will find that it found in another way. Can anybody say how I achieve the same result as in jQuery but with CSS3? Thanks! 回答1: Yes, :odd and :nth-child(odd) are not the same thing: :odd matches the odd items within the matched elements , i.e. the contents of the jQuery object you apply the

问题 In the below code how to validate for null values for only the dynamically added text box i.e,r_score1,r_score2......... <script> function validate() { //How to validate the r_Score.. textfields } $(document).ready(function() { for(var i=0;i< sen.length;i++) { row += '<input type="text" name="r_score'+i+'" id="r_score'+r_count+'" size="8" />'; } $('#details').append(row); }); </script> <div id="details"><input type="text" name="score' id="score" size="8" /></div> <input type="button" value=

问题 This: $('input.people').attr('checked', false).filter('[name=toddS]').attr('checked', true); will select a checkbox with the class of people and the name toddS while unchecking all of the other boxes. How do I add another name to the filter? I've tried several different combinations and nothing works. This is what I have: $('input.people').attr('checked', false).filter('[name=toddS], [name=gwenD]').attr('checked', true); 回答1: You can pass a function into .attr(), like this: $('input.people')

问题 I need to insert a clearfix div after x amount of elements so that I can get nicely formatted columns. I've tried both :nth-child and :nth-of-type and I only get a single div added after the first x items. $('#content .product-layout:nth-child(3)').after('<div class="clearfix visible-lg"></div>'); Creates a div after the third .product-layout div. $('#product-row div:nth-child(3)').after('<div class="clearfix visible-lg"></div>'); Creates a div after the third .product-layout div. I need to

问题 I need to insert a clearfix div after x amount of elements so that I can get nicely formatted columns. I've tried both :nth-child and :nth-of-type and I only get a single div added after the first x items. $('#content .product-layout:nth-child(3)').after('<div class="clearfix visible-lg"></div>'); Creates a div after the third .product-layout div. $('#product-row div:nth-child(3)').after('<div class="clearfix visible-lg"></div>'); Creates a div after the third .product-layout div. I need to

问题 I am having an issue with the following bit of code. I'm trying to retrieve the index of the li element that is currently being hovered over. HTML: <div id="featured"> <ul> <li class="active">foo</li> <li class="">bar</li> <li class="">giraffe</li> </ul> </div> JavaScript: $(document).ready(function () { $('#featured ul li').hover(function(){ console.log($(this).index()); //returns -1 console.log($('li').index($(this))); //returns integers beginning at 6 }); }); The first option in javascript

问题 This question already has answers here : Closed 6 years ago . Possible Duplicate: Remove elements with only a   space using jQuery Wordpress does this thing with adding <p> </p> when doing a line-break in the backend. I wonder if it is possible to select those p 's somehow with jquery. I guess empty() wouldn't work since it isn't really empty but contains a   . But contains() wouldn't probably work either since a lot of other paragraphs also contain a space, right? I only want to select those

问题 Story so far..... I want to learn JQuery, and im also building an MVC ASP.NET Apps which requires a "search as you type" search function - perfect to learn JQuery as well! So far (with the help of stackoverflowers ) I have managed to get the AJAX/JSON bit. Now I want to evaluate each key press and validate it against the JSON Array which was created as an unordered list. What im trying to achieve is to only show the account numbers in the list that contain what is inputted. So, my reasoning