replace href value in dom variable

Question

var dstr='<p id="para">&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo<a href="#table1(t1)" id="ytD2F">table1</a> test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo <a href="#table2(t2)" id="ytD2F">table2</a>&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;</p>';

i have to find all href attribute in which "table" string should be present eg:href="#table1(t1)" and then i have to replace it with the string present in braces eg:href="t1"

score 1 · Answer 1 · answered Apr 06 '15 at 11:49

Hope it helps:

var href1=document.getElementsByTagName('a');
for(i=0;i<href1.length;i++) {
   var val=href1[i].getAttribute('href');
   if(val!=null && val.indexOf("table")>=0) {
     var str=val.substring(val.lastIndexOf('(')+1,val.lastIndexOf(')'));
     href[i].setAttribute('href',str);
   }
}

madalinivascu · Answer 2 · 2015-04-07T04:10:35.397

1

here is a way to do it:

$init = $('a[href*="table"]').attr('href');
        $('a[href*="table"]').attr('href',$init.substring($init.lastIndexOf('(')+1,$init.lastIndexOf(')')));

jsfiddle: https://jsfiddle.net/vxpyyy15/3/

edited Apr 07 '15 at 04:10

answered Apr 06 '15 at 11:52

madalinivascu

32,064
4
39
55

you should test this code, it has multiple problems – charlietfl Apr 06 '15 at 12:01
Still doesn't make sense what your replace is doing and it won't change individual `href` it will make them all the same based on first one found – charlietfl Apr 06 '15 at 12:14
change the question change the answer – madalinivascu Apr 07 '15 at 04:11

score 0 · Accepted Answer · answered Apr 06 '15 at 16:37

If i understand you correctly, you need this:

var re = /(#table\d+)|\((\w{1,2})(\))/g; 
var str = '<p id="para">&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo<a href="#table1(t1)" id="ytD2F">table1</a> test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo <a href="#table2(t2)" id="ytD2F">table2</a>&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;demo test&nbsp;</p>';
var subst = '$2'; 

var result = str.replace(re, subst);
console.log(result);

Regex101 demo: https://regex101.com/r/uP6uY7/1

hey thankcx yr answer was just perfect its solves my problem — imrahul, Apr 07 '15 at 11:20

replace href value in dom variable

3 Answers3

Linked