Изменение HREF атрибута с помощью Jquery

<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src="js/jquery-1.10.2.min.js" ></script> 

<title>Untitled Document</title> 
<script type="text/javascript">  
$(document).ready(function(){ 
    $('#show').click(function(){ 
    var href = $(this).attr('href');  
    alert(href); 
    }); 
    }); 
</script> 
<style> 
.show{ 
    background:#693; 
    color:#000; 
    text-decoration:none; 
} 
</style>    
</head>   
<body> 
<p class="credits">Figure credits goes here</p> 
</figure>  
<p>&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 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</p>  
<p>&nbsp;</p>  
<figure class="image"><img alt="" height="228" src="http://localhost/rvrite/uploader/img/541akki.png" width="300" /> 
<figcaption> 
<p><a class="figure-lable" id="f2" name="figure2">Figure 2&nbsp;</a></p>  
<p>&nbsp;</p>  
<p>Caption</p> 
</figcaption>  
<p class="credits">Figure credits goes here</p> 
</figure>  
<p>&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 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>  
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;"> 
    <caption><a class="figure-lable" id="t1" name="table1">Table 1&nbsp;</a>caption goes here</caption> 
    <tbody> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      </tr> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
    </tbody> 
</table>  
<p>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 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 test&nbsp;</p>  
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;"> 
    <caption><a class="figure-lable" id="t2" name="table2">Table 2&nbsp;</a>caption goes here</caption> 
    <tbody> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
    </tbody> 
</table> 
<p>&nbsp;</p> 
<input type="button" value="ok" id="show" /> 
</body> 
</html>

То, что я хочу сделать, это заменить всю HREF строку href="#table2(t2)" с строки, находящейся внутри скобок: (t2)Изменение HREF атрибута с помощью Jquery

if it is : href="#table3(t3) it should be replace with t3

, как я могу сделать это с помощью JQuery ?

источник

2015-04-06 imrahul

возможно дубликат [Как изменить HREF для гиперссылки с помощью JQuery] (http://stackoverflow.com/questions/179713/how-to -change-the-href-for-a-hyperlink-using-jquery) –

Изменение hrefs таким образом довольно необычно и, вероятно, не нужно. Я уверен, что есть лучшее решение для всего, что вы пытаетесь сделать. –

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

Check Here

источник

2015-04-06 06:15:22

Извините, не работает – imrahul

Проверьте демо. @imrahul –

srry friend Я надеюсь, что у меня не получилось, что я хочу, чтобы получить значение href, а затем замените его на значение, присутствующее в фигурных скобках этой конкретной строки – imrahul

var regExp = /\(([^)]+)\)/; 
var val="table3(t3)"; 
var matches = regExp.exec(val); 
alert(matches[1])

check here

источник

2015-04-06 06:28:52

Что делать, если строка похожа на «tab (le3 (t3)»? @AmitSoni –

В этом случае это не сработает, поскольку мы определили шаблон .. Вы должны убедиться в генерации идентификатора. Более того, эти сценарии должны обрабатываться с регулярным выражением. –

Изменение HREF атрибута с помощью Jquery

ответ

Смежные вопросы