Solved

jQuery: Remove attribute from tags in var

Posted on 2013-06-09
2
419 Views
Last Modified: 2013-06-11
Using jQuery, how can I remove all longdesc attributes from images within a var?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Demo</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {

var stuff='<p><a><img src="image.gif" longdesc="hello" alt="" /></a></p><p><a><img src="image.gif" longdesc="hello" alt="" /></a></p><img src="image.gif" longdesc="hello" alt="" />';
alert( $(stuff).find('img').removeAttr('longdesc').html()  );

// Should alert <p><a><img src="image.gif" alt="" /></a></p><p><a><img src="image.gif" alt="" /></a></p><img src="image.gif" alt="" />

});

</script>

</head>
<body>

</body>
</html>

Open in new window

0
Comment
Question by:hankknight
2 Comments
 
LVL 15

Expert Comment

by:Jagadishwor Dulal
ID: 39233681
What exactly you are doing?? just passing image in variable I don't know but the easy way is using each and remove attribute see the example below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Demo</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('img').each(function(){ 
		$(this).removeAttr('longdesc')
	});
});
</script>
</head>
<body>
<p><a><img src="image.gif" longdesc="hello" alt="" /></a></p>
<p><a><img src="image.gif" longdesc="hello" alt="" /></a></p>
<img src="image.gif" longdesc="hello" alt="" />
</body>
</html>
                                  

Open in new window

0
 
LVL 1

Accepted Solution

by:
vuhanguyen earned 500 total points
ID: 39233803
If you just want to remove a string within a var, use this:


var stuff='<p><a><img src="image.gif" longdesc="hello" alt="" /></a></p><p><a><img src="image.gif" longdesc="hello" alt="" /></a></p><img src="image.gif" longdesc="hello" alt="" />';
alert(stuff.replace(/longdesc="\w*"/g,''));

Open in new window

0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

by Julian Matz As of jQuery (http://jquery.com/) 1.4 the .live() method (http://api.jquery.com/live/) supports custom events as well as some standard JavaScript events that it previously didn't support. Among these is the submit event. Unlike …
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now