I have the following HTML node structure: <div id=”foo”> <div id=”bar”></div> <div id=”baz”> <div id=”biz”></div> </div> <span></span> </div> How do I count the number of immediate children of foo, that are of type div? In the example above, the result should be two (bar and baz). 12 Answers 12
First of all, I’m assuming this is too complex for CSS3, but if there’s a solution in there somewhere, I’d love to go with that instead. The HTML is pretty straightforward. <div class=”parent”> <div class=”child”> Text Block 1 </div> </div> <div class=”parent”> <div class=”child”> Text Block 2 </div> </div> The child div is set to … Read more
I’m trying to select this element which has square brackets in the name attribute: <input type=”text” name=”inputName[]” value=”someValue”> I’ve tried this (which doesn’t work): $(‘input[inputName[]=someValue]’) and neither does this: $(‘input[inputName[]=someValue]’) or this: $(‘input[“inputName[]”=someValue]’) EDIT: As some of you have pointed out, $(‘input[inputName=someValue]’) would never work. What I was trying to do was: $(‘input[name=inputName][value=someValue]’). (But with … Read more
I found two great articles talking about the new function .on(): jquery4u.com, elijahmanor.com. Is there any way where the .bind() still is better to use than .on()? For example, I have a sample code that look like this: $(“#container”).click( function( e ) {} ) You can note that I just have one item retrieved by … Read more
$(t).html() returns <td>test1</td><td>test2</td> I want to retrieve the second td from the $(t) object. I searched for a solution but nothing worked for me. Any idea how to get the second element? 9 Answers 9
I have something like this: <div class=”content”> <a href=”#”>A</a> </div> <div class=”content”> <a href=”#”>B</a> </div> <div class=”content”> <a href=”#”>C</a> </div> When one of these links is clicked, I want to perform the .hide() function on the links that are not clicked. I understand jQuery has the :not selector, but I can’t figure out how to … Read more
I’ve had a good look and can’t seem to find out how to select all elements matching certain classes in one jQuery selector statement such as this: $(‘.myClass’, ‘.myOtherClass’).removeClass(‘theclass’); Any ideas on how to achieve this? The only other option is to do $(‘.myClass’).removeClass(‘theclass’); $(‘.myOtherClass’).removeClass(‘theclass’); But I’m doing this with quite a few classes, so … Read more
This question already has answers here: Selecting and manipulating CSS pseudo-elements such as ::before and ::after using javascript (or jQuery) (25 answers) Closed 7 years ago. I have the following css: .pageMenu .active::after { content: ”; margin-top: -6px; display: inline-block; width: 0px; height: 0px; border-top: 14px solid white; border-left: 14px solid transparent; border-bottom: 14px solid … Read more
I know I can get all checked checkboxes on a page using this: $(‘input[type=checkbox]’).each(function () { var sThisVal = (this.checked ? $(this).val() : “”); }); But I am now using this on a page that has some other checkboxes that I don’t want to include. How would I change the above code to only look … Read more
<input type=”checkbox” name=”filter” id=”comedyclubs”/> <label for=”comedyclubs”>Comedy Clubs</label> If I have a check box with a label describing it, how can I select the label using jQuery? Would it be easier to give the label tag an ID and select that using $(#labelId) ? 5 Answers 5
