JQuery or JavaScript Replace Text w/ img background on Page Issue

Question

I've been trying to change the text that's within the #vehicle .partnumber section on the page from Click For More Info to Click Here For Price, preferably with a background image.

Website here.

I tried JQuery replace as well as the java-script and gotten as far as appending text before and after, also replacing the section with an image - but then the link did not work.

Any recommendations or solutions?

Thank you in advance!

Chandu · Accepted Answer · 2010-12-23 21:34:21Z

1

Try

$('#vehicles .partnumber a').html('Click Here For Price');

for text replacement Try

$('#vehicles .partnumber a').html('<img src="<YOUR_IMAGE_URL>" border=0/>');

for image replacement.

answered Dec 23, 2010 at 21:34

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

asdf Over a year ago

Cybernate, thank you for your response; I appended the following text: <script type="text/javascript"> $('#vehicles .partnumber a').html('Click Here For Price'); </script> No changes have taken place. Can you visit the url and see if there's anything else that is preventing the text from updating? Thank you!

Chandu Over a year ago

You shuold call the javascript function ocne the dom s ready and the elements are created. Try this $(document).ready ( function() { $('#vehicles .partnumber a').html('Click Here For Price'); } )

Andy · Accepted Answer · 2010-12-23 21:31:09Z

0

Don't know if i understood it correctly, but this changes the link text and sets a backround image:

$('#vehicle .partnumber a).html('Click Here For Price').css('background-image','url(someimage.jpg)');

answered Dec 23, 2010 at 21:31

Andy

30.2k9 gold badges43 silver badges59 bronze badges

Comments

sissonb · Accepted Answer · 2010-12-23 21:35:12Z

0

Try something like

$("#vehicle .partnumber").each(function(index, el)){

   // change the background of the td element
   $(el).css("background-image","url(/myimage.jpg)");

   // Remove the text from the inner anchor tag
   $(el).find("a").html("");
});

answered Dec 23, 2010 at 21:35

sissonb

3,7904 gold badges31 silver badges56 bronze badges

Comments

adardesign · Accepted Answer · 2010-12-23 21:38:15Z

0

How about?

$('#vehicle .partnumber a).html('Click Here For Price').append('<img src="path/to/img"/>');

answered Dec 23, 2010 at 21:38

adardesign

36.2k15 gold badges67 silver badges86 bronze badges

Collectives™ on Stack Overflow

JQuery or JavaScript Replace Text w/ img background on Page Issue

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related