Hey guys I'm trying to add the string 'url(" ") ' around my a href 'rel' attribute after calling it through jQuery. I just don't know the right syntax. Here is what I have. I tried to put the url("") inside the rel tag, and that didn't work.
Any help would be greatly appreciated thanks.
$(function() {
$('#list li a').hover( function(){
$("#meow").css( "background", $(this).attr('rel') );
});
});
Like this (thanks @nnnnnn):
var thisRel = $(this).attr('rel'),
theURL = 'url("' + thisRel + '")';
$("#meow").css( "background", theURL );
rel, and then tries to retrieve an attribute with a name that is the result of the 'url("' + rel + '")' concatenation - I believe the intention is to retrieve the 'rel' attribute first and concatenate the result with the 'url("' stuff.
If you are saying that for an example anchor element like this:
<a href="http://something.com" rel="http://whatever.com">Test</a>
You want to extract the rel attribute and wrap it in 'url("...")' so that you end up with this string:
'url("http://whatever.com")'
Then you can do that as follows:
var newString = 'url("' + $(this).attr("rel") + '")';
(Obvioulsy that assumes that this is the anchor element in question.)
To put that together with the code from your question:
$(function() {
$('#list li a').hover( function(){
$("#meow").css( "background", 'url("' + $(this).attr('rel') + '")' );
});
});