Jquery to replace <span> text with an image

Question

I currently have this code for an online store shopping cart:

<span class="ShoppingList_RemoveCheckBox">
<a onclick="document.My_Account_Shopping_List_Detail_Content.rcuid.value="475";
document.My_Account_Shopping_List_Detail_Content.FormSubmittedByLink.value="submittedByRemoveLink"; document.My_Account_Shopping_List_Detail_Content.submit(); return false;" href="noURL">Remove </a>
</span>

What I need to do is replace the "Remove" text with an image, so the user can click on the image to remove an item from the shopping cart.

How can I do this without affecting the function of the rest of the link?

I've tried first selecting the content with this:

$(".ShoppingList_RemoveCheckBox").filter(function(){
return $(this).html() == "a";

To select the code, but then I'm not sure if there's a way to change the text ONLY. I know there's the .text() Jquery, but don't you have to have a specific id to reference for that?

j08691 · Accepted Answer · 2014-01-06 18:07:06Z

1

$('.ShoppingList_RemoveCheckBox a').html('<img src="remove.gif" />')

answered Jan 6, 2014 at 18:07

j08691

208k33 gold badges269 silver badges281 bronze badges

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

Comments

Barmar · Accepted Answer · 2014-01-06 18:04:16Z

1

$("span.ShoppingList_RemoveCheckBox a:contains(Remove)").html($("<img/>", { src: imageURL }));

answered Jan 6, 2014 at 18:04

Barmar

789k57 gold badges555 silver badges669 bronze badges

Collectives™ on Stack Overflow

Jquery to replace <span> text with an image

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related