簡體   English   中英

如何在jQuery中用不完整屬性替換html標簽的href url?

[英]how to replace href url of html tags with incomplete attribute in jquery?

HTML:

<p><a href='http://download.onlagump3.com/bokep.php?search=Kehna+Hi+Kya+++Drishti+Garg' target='_blank'><font color='blue' size='4'>DOWNLOAD From Server 1</font></a></p>
<br />      <p><a href='http://www.myfreemp3.cc/mp3/Kehna+Hi+Kya+++Drishti+Garg' target='_blank'><font color='blue' size='4'>DOWNLOAD From Server 2</font></a></p>
<br />      <p><a href='http://mp3skull.com/mp3/Kehna_Hi_Kya___Drishti_Garg.html' target='_blank'><font color='blue' size='4'>DOWNLOAD From Server 3</font></a></p>
<br />      <p><a href='http://www.stafaband.info/download/mp3/lagu_Kehna_Hi_Kya___Drishti_Garg/' target='_blank'><font color='blue' size='4'>DOWNLOAD From Server 4</font></a></p>
<br />      <p><a href='https://www.google.com/#q=site:4shared.com+Kehna+Hi+Kya+++Drishti+Garg' target='_blank'><font color='blue' size='4'>DOWNLOAD From Server 5</font></a></p>
<br />

JQUERY:

 $(document).ready(function() {
         $("a").click(function(e){
           var url1 = $(this).attr('href');
           var url = url1.replace(url1,'http://alfanetcell.hostoi.com/phpwidget/download.php?type=int&link='+url1);
           //$('#result').replaceWith( "<div id='result'>" + url + "</div>" );
var newurl = $('a[href="'+url1+'"]').attr("href", url);
             $('a[href="'+url1+'"]').$(this).attr("target", "_blank");
           return false;
        });
    });

當我輸入博客中的腳本以及博客中的所有鏈接時,我想用http://alfanetcell.hostoi.com/phpwidget/download.php?type=int&link='+url1替換上面html中的所有鏈接可以通過腳本更改(對不起,我的英語很難!)

UPDATE !,謝謝所有朋友,我找到了此討論的解決方案:

     $("p a").click(function(e){
           var url1 = $(this).attr('href');
           var url = url1.replace(url1,'http://alfanetcell.hostoi.com/phpwidget/download.php?type=int&link='+url1);
           //$('#result').replaceWith( "<div id='result'>" + url + "</div>" );
var newurl = $('a[href="'+url1+'"]').attr("href", url);
             $('a[href="'+url1+'"]').$(this).attr("target", "_blank");
           return false;
        });
    });

由於選擇器a定位到頁面中的所有錨元素,

相反,您可以將類download添加到要更改的那些anchro元素中,例如

<p><a class="download" href='http://download.onlagump3.com/bokep.php?search=Kehna+Hi+Kya+++Drishti+Garg' target='_blank'><font color='blue' size='4'>DOWNLOAD From Server 1</font></a></p>
<br />      
<p><a class="download" href='http://www.myfreemp3.cc/mp3/Kehna+Hi+Kya+++Drishti+Garg' target='_blank'><font color='blue' size='4'>DOWNLOAD From Server 2</font></a></p>
<br />      
<p><a class="download" href='http://mp3skull.com/mp3/Kehna_Hi_Kya___Drishti_Garg.html' target='_blank'><font color='blue' size='4'>DOWNLOAD From Server 3</font></a></p>
<br />      
<p><a class="download" href='http://www.stafaband.info/download/mp3/lagu_Kehna_Hi_Kya___Drishti_Garg/' target='_blank'><font color='blue' size='4'>DOWNLOAD From Server 4</font></a></p>
<br />      
<p><a class="download" href='https://www.google.com/#q=site:4shared.com+Kehna+Hi+Kya+++Drishti+Garg' target='_blank'><font color='blue' size='4'>DOWNLOAD From Server 5</font></a></p>
<br />

然后

$(document).ready(function() {
    $(".download a").click(function(e){
        $(this).attr('href', 'http://alfanetcell.hostoi.com/phpwidget/download.php?type=int&link='+$(this).attr('href')).attr("target", "_blank");
        return false;
    });
});

您可以像這樣更直接地做一些事情:

$(document).ready(function() {
  $("a").click(function(e){
    var old_url = $(this).attr('href');
    var new_url = 'http://alfanetcell.hostoi.com/phpwidget/download.php?type=int&link=' + old_url;
    $(this).attr('href', new_url);
    return true;
 });
});

JSFiddle

請注意,如果多次單擊該鏈接,將會導致問題,因為它將修改后的URL作為舊的url,並在每次單擊時不斷附加到自身上。 不知道預期的行為是什么,所以我將其留給您。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM