Parsing text html update multiple links
by Annie Lagang
HTML
<div id="CebClubMemberLocked">
testing <a>sample</a> text.
</div>
<div id="CebClubMemberNotActive">
here is a <a>HTML</a> content.
here's another <a>content</a>.
</div>
JavaScript
$(function() {
var errorIds = new Array();
errorIds.push('CebClubMemberLocked');
errorIds.push('CebClubMemberNotActive');
var errorIdUrlPairs = new Array();
errorIdUrlPairs[0] =
{
errorId: 'CebClubMemberLocked',
links: ['FindPassword.aspx']
};
errorIdUrlPairs[1] =
{
errorId: 'CebClubMemberNotActive',
links: ['ChangeMemberEmail.aspx', 'test.aspx']
};
for (var i = 0; i < errorIds.length; i++)
{
var id = errorIdUrlPairs[i].errorId;
var links = errorIdUrlPairs[i].links;
// get error message via errorId
var obj = $('#'+ id);
// replace HTML Entities in the error message
// with their equivalent HTML tags
var text = obj.html();
var left = '<';
var right = '>';
var leftRe = new RegExp(left, 'g');
var rightRe = new RegExp(right, 'g');
text = text.replace(leftRe,'<').replace(rightRe,'>');
// update error message with the correct HTML tags
obj.html(text);
// get all <A> tags and add their respective hrefs
var tags = obj.find('A');
tags.each(function(index){
$(this).attr('href', links[index]);
});
obj.append( "div id: " + obj.attr('id'));
}
});
// associated with http://jsfiddle.net/annelagang/nqPCm/1/
// and http://jsfiddle.net/annelagang/uRdct/15/