JQUERY insert string in relative pretty url

Question

Мне нравится вставлять строку с JQuery только в случае «некоторого» относительного довольно url.

строку, которая должна быть вставлена ​​содержит значение '/ 1' или '/ 2' или '/ 3'

Так URL, как:

<a href="/whatever"> becomes 
<a href="/1/whatever"> or <a href="/2/whatever"> etc. 

Но гиперссылка как

<a href="/1/whatever"> or 
<a href="/2/whatever"> must keep unchanged 

Все приведенные ниже примеры должны быть неизменными.

/whatever/whatever 
/whatever/whatever/whatever 

<img src="/img.png"> 
<img src="/whatever/img.png"> 
<img src="/whatever/whatever/img.png"> 
<img src="http://whatever.com/img.png"> 
<img src="http://whatever.com/whatever/img.png"> 

<a href="http://whatever.com></a> 
<a href="http://whatever.com/whatever.whatever></a> 
<a href="http://whatever.com/whatever/whatever.whatever></a> 

Answer 1

Привет попробуйте следующий код:

$(document).ready(function(){ 
     $ ("a").each(function(){ 
     var url = $(this).attr("href"), 
     count = (url.match(/\//g) || []).length; 
     if(count == 1) 
     { 
      var cookieValue; //set your cookie value in this variable 
      $(this).attr("href","/"+cookieValue + $(this).attr("href")); 
     } 
     }); 

     $ ("img").each(function(){ 
     var url = $(this).attr("src"), 
      count = (url.match(/\//g) || []).length; 
     if(count == 1) 
     { 
      var cookieValue; //set your cookie value in this variable 
      $(this).attr("src","/" + cookieValue + $(this).attr("src")); 
     } 
    }); 
    }); 

Answer 2

Это на самом деле не лучшее решение, так как он должен сканировать каждый элемент на странице ... Однако просто заменить * в $("*") выбрать, какие элементы цели (например a, img).

$("*").each(function() { // selects every element 
    var el = this; 
    $.each(this.attributes, function() { // scans every attribute of the current element 
    if(this.specified) { // if this attribute has a proper value 
     if(this.value.match(/\//g).length == 1 && this.value.indexOf("/") == 0) { 
      // if the count of/chars is 1 and its index is 0 (first char) 
      var repl = "/1"; // get your value from the cookie here 
      this.value = repl + this.value; 
     } 
    } 
    }); 
}); 

заменяет только значения, которые начинаются с / и имеют только один / (первый).

Answer 3

Что-то, как это должно работать,

$('a[href]').each(function (index, element) { 
    var href = $(element).attr('href') || ''; 
    if (href.match(/^\//) && !href.match(/^\/\d+\//)) { 
    // do whatever you do to decide what number to 
    // prepend with. I'm just going to use 1 all the time 
    $(element).attr('href', '/1' + href); 
    } 
}); 

Fiddle

Это предполагает, что все ваши относительные ссылки начинаются с /, вам нужно будет немного изменить регулярные выражения, если это не так.

href.match(/^\//) убеждается HREF начинается с / !href.match(/^\/\d+\//) убеждается, что происходит после / не полностью числовое значение с последующим /.

Я использовал селектор a[href], поэтому он захватывает только ссылки с атрибутом href. Сегодня это не так часто, но можно иметь тег a с name и не href.

Таким образом, вы можете не захотеть использовать такую ​​перезапись на стороне клиента. Если ваши пользователи работают с NoScript или другими подобными продуктами безопасности, это может привести к ложному срабатыванию для атаки XSS. Если возможно, это, вероятно, должно быть сделано на стороне сервера.