Расширение расширения JQuery по ссылке на лету

Question

У меня есть ссылка на столько страниц. Например:

<ul> 
<li> <a href="someurl/somefile.html"> Some file </a> </li> 
<li> <a href="someurl/somefile1.html"> Some file1 </a></li> 
<li> <a href="someurl/somefile2.html"> Some file2 </a></li> 
</ul> 

<a href="someurl/someotherfile.html"> Some Other file </a> 
<a href="someurl/someotherfile1.html"> Some Other file1 </a> 

Теперь я хочу, чтобы изменить html к php расширения. без изменения кода php.

Я пробовал следующий код, но он не работает.

$('a').each(function() { 
     $(this).html($(this).html().replace(".php", '.html')); 
}); 

Любая помощь будет оценена по достоинству.

Answer 1

У вас есть две проблемы в вашем коде:

1) Вы должны изменить атрибут HREF, а не HTML элементов

2) Вы обмениваемых аргументы для замены HTML с PHP. первый аргумент должен быть для соответствия, а второй - для его замены.

$('a').attr('href',function(i,oldhref) { 
    return oldhref.replace(".html",'.php'); 
}); 

Рабочая Отрывок:

$(function(){ 
 
$('a').attr('href',function(i,oldhref) { 
 
    return oldhref.replace(".html",'.php'); 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
<li> <a href="someurl/somefile.html" target="_blank"> Some file </a> </li> 
 
<li> <a href="someurl/somefile1.html" target="_blank"> Some file1 </a></li> 
 
<li> <a href="someurl/somefile2.html" target="_blank"> Some file2 </a></li> 
 
</ul> 
 

 
<a href="someurl/someotherfile.html" target="_blank"> Some Other file </a> 
 
<a href="someurl/someotherfile1.html" target="_blank"> Some Other file1 </a>

Answer 2

Просто используйте replace, как показано ниже:

$(document).ready(function() { 
 
    $('a').each(function() { 
 
    $(this).attr('href',$(this).attr('href').replace('html','php')); 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li> <a href="someurl/somefile.html"> Some file </a> 
 
    </li> 
 
    <li> <a href="someurl/somefile1.html"> Some file1 </a> 
 
    </li> 
 
    <li> <a href="someurl/somefile2.html"> Some file2 </a> 
 
    </li> 
 
</ul> 
 

 
<a href="someurl/someotherfile.html"> Some Other file </a> 
 
<a href="someurl/someotherfile1.html"> Some Other file1 </a>

Answer 3

Вы должны использовать,

$('a').each(function() { 
    var href = $(this).attr('href'); 
    href = href.replace(".php", '.html') ; 
    $(this).attr("href", href); 
}); 

Надежда этот ответ поможет вам.

Answer 4

Попробуйте использовать этот код.

var href = $(this).attr('href'); 
href = href.replace(".php", '.html') ; 
$(this).attr("href", href);