jQuery change existing img alt tag

jquery attr alt
Sam Skirrow picture Sam Skirrow · Jul 8, 2013 · Viewed 17.4k times · Source

Simple question. I am trying to change all the image alt tags on my site using jQuery. The issue I'm having is that all my images have existing alt tags that I want to add to. Currently my code won't do anything, here is what I have placed just before closing the 

<script>
$("img").attr({
alt: "This is some alt text"
});
</script>

Can someone help me figure out what is wrong here. Thanks.

Answer

Ant&#243;nio Regadas picture António Regadas · Jul 8, 2013

After jQuery 1.6 prop() is the correct one to use:

$("img").prop("alt", "This is some alt text");

http://blog.jquery.com/2011/05/12/jquery-1-6-1-released/

Related questions

.prop() vs .attr()

So jQuery 1.6 has the new function prop(). $(selector).click(function(){ //instead of: this.getAttribute('style'); //do i use: $(this).prop('style'); //or: $(this).attr('style'); }) or in this case do they do the same thing? And if I do have …

Read More
jquery: get value of custom attribute

html5 supports the placeholder attribute on input[type=text] elements, but I need to handle non-compliant browsers. I know there are a thousand plugins out there for placeholder but I'd like to create the 1001st. I am able to get …

Read More
jQuery .attr("disabled", "disabled") not working in Chrome

Not sure why this isn't working. When people click the 'edit' button of my application, the disabled textfields become editable: $("#bewerken").click(function(e) { $("input[disabled='disabled']").removeAttr('disabled'); }); I then want to disable the textfields again when the user …

Read More