Question

I am getting stuck. Perhaps there is a better way with the regex (like to hear your thoughts).

AS a ONE-OFF the following works if I am just subbing in one thing, say -link-.

var testHtmlStr = '<tr>' +
                '<td class="eve"><div class="pad" style="overflow:hidden;">' +
                  '<a href="#" class="pic"><img height="50" width="80" title="{%desc%}" alt="{%desc%}" src="{%image%}"></a>' +
                  '<div class="sum"><a href="{%link%}" class="url">{%name%}</a></div>' +
                  '{%star_rating_html%}' +
                  '<a href="#" class="gray">{%eventC%}</a>' +
                  '<span class="block">{%evenC%}</span>' +
                '</div></td>' +
                '<td class="mor"><div class="pad"><a class="mor" href="{%link%}">{%linkName%}</a>' +
                '</div></td>' +
              '</tr>';
var ss = 'link';
var syntax = new RegExp('(^|.|\r|\n)(\{%\s*(' + ss + ')\s*%\})',"gi");

 alert(testHtmlStr.replace(syntax, '$1TESTESTESTESTS'));

The following is my code and it DOES NOT WORK. I can’t figure out why. Same regex, same html template pattern. Also, my .each reiterates thru the string, but it seems after every reiteration the string returns to its unmodified state. Basically, whatever is the html string like so {%somehashkey%}, I want it to be replaced with the corresponding hash value.
I figured my code would work, can’t figure out what is wrong. Something is out of wack, I know that. I can’t hunt it down. Your thoughts?

(function($){
var testHTML2 = '<tr>' +
                '<td class="eve"><div class="pad" style="overflow:hidden;">' +
                  '<a href="#" class="pic"><img height="50" width="80" title="{%desc%}" alt="{%desc%}" src="{%image%}"></a>' +
                  '<div class="sum"><a href="{%link%}" class="url">{%name%}</a></div>' +
                  '{%rating%}' +
                  '<a href="#" class="gray">{%eventC%}</a>' +
                  '<span class="block">{%evenC%}</span>' +
                '</div></td>' +
                '<td class="mor"><div class="pad"><a class="mor" href="{%link%}">{%linkName%}</a>' +
                '</div></td>' +
              '</tr>';

var type = "yahoo";
var disp = {};
disp.eventC = '5';
disp.rating = "<div>rating here</div>";
switch (type) {
case 'yahoo':
    disp.link = 'http://www.yahoo.com';
    disp.image = 'SOMe IMAGE' ;
    disp.name = "VENICE BEACH";
    disp.desc = 'MORE INFO&nbsp;';
    disp.linkName = 'YAHOO';
break;
default:
    disp.link = 'http://www.google.com';
    disp.image = 'Some IMAGE';
    disp.name = "BABY BABY";
    disp.desc = 'MORE INFO&nbsp;YOYOYO';
    disp.linkName = 'GOOGLE';
}

$.each( disp, function(t, num){
var syntax = new RegExp('(^|.|\r|\n)(\{%\s*(' + t + ')\s*%\})',"gi");
testHTML2.replace(syntax, num)
});
alert(testHTML2);
})(jQuery);

Answer 1

You are not assigning new value to testHTML2.

testHTML2 = testHTML2.replace(syntax, num)