Response title
This is preview!
Move this topic
[jQuery] Attribute Selector issue
in Using jQuery
•
16 years ago
Hey all,
I'm probably just tired but I would have thought that the following
should get any links with <a href="/home.html">
$('a[@href="/home.html"]')
But it doesn't work... What's the correct way of getting these elements?
Thanks,
Allan
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
I'm probably just tired but I would have thought that the following
should get any links with <a href="/home.html">
$('a[@href="/home.html"]')
But it doesn't work... What's the correct way of getting these elements?
Thanks,
Allan
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Replies(6)
Re: [jQuery] Attribute Selector issue
16 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
<font face="Trebuchet MS">hi Allan,
To quote Jorn's tutorial:
</font>
<blockquote>More often then selecting anchors by name, you might need
to
selected anchors by their "href" attribute. This can be a problem as
browsers behave quite inconsistently when returning what they think the
"href" value is. To match only a part of the value, we can use the
contains select "*=" instead of an equals ("="):
<pre> $(document).ready(function() {
$("a[@href*=/content/gallery]").click(function() {
// do something with all links that point somewhere to /content/gallery
});
});
</pre>
</blockquote>
So in your case, if you try:
$(<a class="moz-txt-link-rfc2396E" href="mailto:a[@href*=/home.html]">"a[@href*=/home.html]"</a>)
It should work for you.
Cheers,
DB
Allan Mullan
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
<font face="Trebuchet MS">hi Allan,
To quote Jorn's tutorial:
</font>
<blockquote>More often then selecting anchors by name, you might need
to
selected anchors by their "href" attribute. This can be a problem as
browsers behave quite inconsistently when returning what they think the
"href" value is. To match only a part of the value, we can use the
contains select "*=" instead of an equals ("="):
<pre> $(document).ready(function() {
$("a[@href*=/content/gallery]").click(function() {
// do something with all links that point somewhere to /content/gallery
});
});
</pre>
</blockquote>
So in your case, if you try:
$(<a class="moz-txt-link-rfc2396E" href="mailto:a[@href*=/home.html]">"a[@href*=/home.html]"</a>)
It should work for you.
Cheers,
DB
Allan Mullan
Leave a comment on david.jquery114's reply
Re: [jQuery] Attribute Selector issue
16 years ago
Thanks heaps for that David, works beautifully :-)
Do you have a link to the tutorial?
Cheers,
Allan
David wrote:
> hi Allan,
>
> To quote Jorn's tutorial:
>
> More often then selecting anchors by name, you might need to
> selected anchors by their "href" attribute. This can be a problem
> as browsers behave quite inconsistently when returning what they
> think the "href" value is. To match only a part of the value, we
> can use the contains select "*=" instead of an equals ("="):
>
> $(document).ready(function() {
> $("a[@href*=/content/gallery]").click(function() {
> // do something with all links that point somewhere to /content/gallery
> });
> });
>
>
> So in your case, if you try:
>
> $("a[@href*=/home.html]")
>
> It should work for you.
>
> Cheers,
>
> DB
>
>
> Allan Mullan
Do you have a link to the tutorial?
Cheers,
Allan
David wrote:
> hi Allan,
>
> To quote Jorn's tutorial:
>
> More often then selecting anchors by name, you might need to
> selected anchors by their "href" attribute. This can be a problem
> as browsers behave quite inconsistently when returning what they
> think the "href" value is. To match only a part of the value, we
> can use the contains select "*=" instead of an equals ("="):
>
> $(document).ready(function() {
> $("a[@href*=/content/gallery]").click(function() {
> // do something with all links that point somewhere to /content/gallery
> });
> });
>
>
> So in your case, if you try:
>
> $("a[@href*=/home.html]")
>
> It should work for you.
>
> Cheers,
>
> DB
>
>
> Allan Mullan
Leave a comment on skorpion1's reply
Re: [jQuery] Attribute Selector issue
16 years ago
On 2/13/07, <b class="gmail_sendername">Allan Mullan</b> <<a href="mailto:Skorpion@clear.net.nz">Skorpion@clear.net.nz</a>> wrote:<div><span class="gmail_quote"></span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Hey all,
I'm probably just tired but I would have thought that the following
should get any links with <a href="/home.html">
$('a[@href="/home.html"]')
But it doesn't work... What's the correct way of getting these elements?
</blockquote></div>
Nope, you're not tired (OK, maybe you are, but that isn't the problem). IE has a nasty habit of storing the full URL in the "href" attribute, even if that's not what you put there.
I've seen this issue come up a bunch of times and I'm happy to say this issue was (hopefully) resolved in SVN revision 1316[1]. The bad news, is that if you're not comfortable grabbing jQuery from SVN, you'll probably have to wait until the next official release until you can take advantage of it.
[1] <a href="http://jquery.com/dev/svn/rev/1316/">http://jquery.com/dev/svn/rev/1316/</a>
--
Aaron Heimlich
Web Developer
<a href="mailto:aaron.heimlich@gmail.com">aaron.heimlich@gmail.com</a>
<a href="http://aheimlich.freepgs.com">http://aheimlich.freepgs.com</a>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Hey all,
I'm probably just tired but I would have thought that the following
should get any links with <a href="/home.html">
$('a[@href="/home.html"]')
But it doesn't work... What's the correct way of getting these elements?
</blockquote></div>
Nope, you're not tired (OK, maybe you are, but that isn't the problem). IE has a nasty habit of storing the full URL in the "href" attribute, even if that's not what you put there.
I've seen this issue come up a bunch of times and I'm happy to say this issue was (hopefully) resolved in SVN revision 1316[1]. The bad news, is that if you're not comfortable grabbing jQuery from SVN, you'll probably have to wait until the next official release until you can take advantage of it.
[1] <a href="http://jquery.com/dev/svn/rev/1316/">http://jquery.com/dev/svn/rev/1316/</a>
--
Aaron Heimlich
Web Developer
<a href="mailto:aaron.heimlich@gmail.com">aaron.heimlich@gmail.com</a>
<a href="http://aheimlich.freepgs.com">http://aheimlich.freepgs.com</a>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Leave a comment on aaron.heimlich's reply
Re: [jQuery] Attribute Selector issue
16 years ago
This has been fixed in SVN but you'll need Revision 1323 or greater.
--
Brandon Aaron
--
Brandon Aaron
Leave a comment on brandon_aaron's reply
Re: [jQuery] Attribute Selector issue
16 years ago
And actually I just fixed an issue with the ^= selector and href in
firefox. So you will actually need REV 1336.
<a href="#">test</a>
$('a[@href^="#"]').size(); // previous to 1336 in firefox would report 0
Hopefully that wraps up the href attribute selector issues.
--
Brandon Aaron
firefox. So you will actually need REV 1336.
<a href="#">test</a>
$('a[@href^="#"]').size(); // previous to 1336 in firefox would report 0
Hopefully that wraps up the href attribute selector issues.
--
Brandon Aaron
Leave a comment on brandon_aaron's reply
Re: [jQuery] Attribute Selector issue
16 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
<font face="Trebuchet MS">hi Allan,
The tutorial is here:
<a class="moz-txt-link-freetext" href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery">http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery</a>
Cheers,
DB
</font>
Allan Mullan wrote:
<blockquote cite="mid45D19100.7070401@clear.net.nz" type="cite">
<pre wrap="">Thanks heaps for that David, works beautifully :-)
Do you have a link to the tutorial?
Cheers,
Allan
David wrote:
</pre>
<blockquote type="cite">
<pre wrap="">hi Allan,
To quote Jorn's tutorial:
More often then selecting anchors by name, you might need to
selected anchors by their "href" attribute. This can be a problem
as browsers behave quite inconsistently when returning what they
think the "href" value is. To match only a part of the value, we
can use the contains select "*=" instead of an equals ("="):
$(document).ready(function() {
$("a[@href*=/content/gallery]").click(function() {
// do something with all links that point somewhere to /content/gallery
});
});
So in your case, if you try:
$(<a class="moz-txt-link-rfc2396E" href="mailto:a[@href*=/home.html]">"a[@href*=/home.html]"</a>)
It should work for you.
Cheers,
DB
Allan Mullan
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
<font face="Trebuchet MS">hi Allan,
The tutorial is here:
<a class="moz-txt-link-freetext" href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery">http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery</a>
Cheers,
DB
</font>
Allan Mullan wrote:
<blockquote cite="mid45D19100.7070401@clear.net.nz" type="cite">
<pre wrap="">Thanks heaps for that David, works beautifully :-)
Do you have a link to the tutorial?
Cheers,
Allan
David wrote:
</pre>
<blockquote type="cite">
<pre wrap="">hi Allan,
To quote Jorn's tutorial:
More often then selecting anchors by name, you might need to
selected anchors by their "href" attribute. This can be a problem
as browsers behave quite inconsistently when returning what they
think the "href" value is. To match only a part of the value, we
can use the contains select "*=" instead of an equals ("="):
$(document).ready(function() {
$("a[@href*=/content/gallery]").click(function() {
// do something with all links that point somewhere to /content/gallery
});
});
So in your case, if you try:
$(<a class="moz-txt-link-rfc2396E" href="mailto:a[@href*=/home.html]">"a[@href*=/home.html]"</a>)
It should work for you.
Cheers,
DB
Allan Mullan
Leave a comment on david.jquery114's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to skorpion1's discussion
Statistics
- 6 Replies
- 2194 Views
- 0 Followers