selectors

jQuery and Prototype Selector Madness

Both the jQuery and Prototpye JavaScript libraries refuse to allow me to use a variable to select an list item element by index number although they accept a hard coded number. For example, in Prototype this works: $$('li')[5].addClassName('active'); But this will not work no matter how I try to cast the variable as a number or inte...

jQuery: Can you select by CSS rule, not class?

A .container can contain many .components, and .components themselves can contain .containers (which in turn can contain .components etc. etc.) Given code like this: $(".container .component").each(function() { $(".container", this).css('border', '1px solid #f00'); }); What do I need to add to the line within the braces to select...

Good ways to improve jQuery selector performance?

I'm looking for any way that I can improve the selector performance of a jQuery call. Specifically things like this: Is $("div.myclass") faster than $(".myclass") I would think it might be, but I don't know if jQuery is smart enough to limit the search by tag name first, etc. Anyone have any ideas for how to formulate a jQuery select...

CSS2 Attribute Selectors with Regex

CSS Attribute selectors allow the selection of elements based on attribute values. Unfortunately, I've not used them in years (mainly because they're not supported by all modern browsers). However, I remember distinctly that I was able to use them to adorn all external links with an icon, by using a code similar to the following: a[href...

Is there a way of selecting the last item of a list with CSS?

Say I have a list as follows: item1 item2 item3 Is there a CSS selector that will allow me to directly select the last item of a list? In this case item 3. Cheers! ...

jQuery "after" selector question

I can't seem to figure out a good way to do this, but it seems like it should be simple. I have an element that I want to append a div to. Then I have another element that I want to clone and shove into that intermediate div. Here's what I was hoping to do: $("#somediv > ul").after("<div id='xxx'></div>").append($("#someotherdiv").cl...

Looking for in-depth comparison of selectors and events for jQuery and Prototype

A few of the third-party applications we use are written in Prototype, and I'm really having trouble with selectors and events. I know how to accomplish it all in jQuery quickly, but I'm not about to load both libraries. Can you provide a few links that do a top-down comparison of selectors and/or events for jQuery and Prototype, so I ca...

Figure out div that is visible out of four divs.

I need to figure out what div is visible out of four possible divs using jQuery. Only one of those div's will be visible at any given time. This is what I have that works so far: $("#FeatureImage1:visible, #FeatureImage2:visible, #FeatureImage3:visible, #FeatureImage4:visible").attr("id"); Is there a way to refactor this? Is there ...

Is there a case insensitive jQuery :contains selector?

Is there a case insensitive version of the :contains jQuery selector or should I do the work manually by looping over all elements and comparing their .text() to my string? ...

JQuery selector regular expressions

I am after documentation on using wildcard or regular expressions (not sure on the exact terminology) with the jquery selector. I have looked for this myself but have been unable to find information on the syntax and how to use it. Does anyone know where the documentation for the syntax is? EDIT: The attribute filters allow you to sele...

server-side css selectors

I am creating a tool that will check dynamically generated XHTML and validate it against expected contents. I need to confirm the structure is correct and that specific attributes exist/match. There may be other attributes which I'm not interested in, so a direct string comparison is not suitable. One way of validating this is with XPa...

Using "this" with jQuery Selectors.

I have some HTML that looks like this: <ul class="faq"> <li class="open"> <a class="question" href="">This is my question?</a> <p>Of course you can, it will be awesome. </p> </li> </ul> Using CSS I'm setting the 'p' tag to display:none;. I want to use jQuery to display or hide the 'p' tag when the anchor is cli...

count immediate child div elements using jQuery

Hi, I have the following HTML node structure: <div id="foo"> <div id="bar"></div> <div id="baz"> <div id="biz"> </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"). Cheers, Don ...

Getting ID of embedded ASP Object using JavaScript and jQuery

I am using jQuery to try and trigger a method when a ASP.Net (2.0) dropdown list's change event is handled by jQuery. The problem is that the drop down list is located inside a gridview and even then only when a user has decided to edit a row within that gridview. I think I have it picking up the object using a ASP code block but the p...

How do you check if a selector exists in jQuery?

In Mootools, I'd just run if ($('target')) { ... }. Does if ($('#target')) { ... } in jQuery work the same way? ...

How to do an attribute selection for "(this) attribute starting with a #"

Maybe it's the really late night I had but I can't figure this one out. First the html: <div> <a href="#internal">Internal Link</a> <a href="http://external.com"&gt;External Link</a> <a href="#internal2">Internal Link2</a> </div> in order to do something on the page instead of going to the link I need to filter it based on if it conta...

Contextual Selectors in CSS2

I'm wondering why styling an element within a specific class, like this: .reddish H1 { color: red } is shown as an example of correct syntax in the CSS1 specification under Contextual selectors: Cascading Style Sheets, level 1 but it's not shown as an example in the CSS2 spec: Cascading Style Sheets, Level 2 At least I can't find ...

jQuery: Select <a> which points to the current URL

In jQuery, how do you select the <a> which href is pointing to the current URL For example: URL = http://server/dir/script.aspx?id=1 I want to select this <a> <a href="/dir/script.aspx">...</a> I tried this but it doesn't work: var url = window.location.href; $('#ulTopMenu a["'+url+'"*=href]').addClass("selected"); Probably wrong s...

List selectors for obj-c object

I have an object, and I want to list all the selectors to which it responds. It feels like this should be perfectly possible, but I'm having trouble finding the APIs. ...

Using jQuery, how to locate an element when the Name and Value are known

Thanks for reading this I thought I could use find(), but couldn't make it work. I know I can add IDs or classnames, but would like to know how with the current markup. Thanks Here is the HTML <input name="keywordCheckbox" type="checkbox" value="S" /> <input name="keywordCheckbox" type="checkbox" value="C" /> <input name="keywordChec...