Question

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') );
    }); 
});

Answer 1

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') + '")' );
   });
});