JQuery как найти все ссылки на текущую страницу?

Question

[Pavel Martynov]

Цель: найти все ссылки в заданном div, которые указывают на текущую страницу.



Написал вот такой селектор

$('div#top_menu a[href="' + document.URL + '"]')

но он ничего не находит, т.к. ссылки в div относительные (/>),

а document.URL является абсолютной ссылкой (localhost/account/page.aspx).



Вот такой запрос выдает необходимую абсолютную ссылку:

$('div#top_menu a[href="page.aspx"]')[0].href

но как мне по этому свойству сделать запрос?

Answer 1

[lashtal]

Отфильтруйте через each:
$('div#top_menu a').each(function(){
if (this.href='xxxxxxxx') { %do_something% }
});

Answer 2

[Pavel Martynov]

Всем большое спасибо, мне более всего решение хабраюзера , вот такая переделка его решения мне подошла:

$(document).ready(function () {
	$('div#top_menu a').each(function(){
		if (this.href == document.URL) {
			$(this).addClass('b-menu_current');
		}
	});
});

PS: jquery 1.4.1

Comments

[Pavel Martynov]

* хабраюзера lashtal
имя съел тэг hh

Answer 3

[omfg]

Возможно нужно брать последний кусок урлы просто?

$('div#top_menu a[href="' + document.URL.substring(document.URL.lastIndexOf("/")+1,document.URL.length) + '"]')

А в вашем случае (c [0]) вы берете объект js, а не jquery и смотрите у него свойство href (по которому вы и сделали выборку)

Answer 4

[Александр Белугин]

$(function(){
   var path = location.pathname.substring(1);
   if ( path )
     $('div#topmenu a[href$="' + path + '"]').attr('class', 'selected');
 });

Answer 5

[shsmad]

document.location.pathname вам в помощь

Comments

[shsmad]

ну и document.location.search, если урлы с параметрами

Answer 6

[nikitammf]

Решать нужно в обратном порядке. Т.е. взять все ссыли внутри заданного div'a и отфильтровать их по href таким образом что текущая ссылка является окончанием для document.URL, здесь даже jQuery не нужен

var links = document.getElementById('myDiv').getElementsByTagName('a'),
      result = [], $result;
for(var i = links.length - 1, j = 0; i > -1; i--) {
    if( document.URL.indexOf(links[i].href) + links[i].href.length != document.URL.length ) { continue; }
    result[j++] = links[i];
    $result = $result.jquery ? $result.add(links[i]) : $(links[i]);//результат как jquery объект
}

Но есть маленькое «но», например «mysite/» и «mysite/index.html» указывают на одну и ту же страницу, со всеми вытекающими отсюда нюансами