Как вытащить url из html через js?

Question

[Павел Чуев]

<?
	
	$get = file_get_contents("http://shikimori.org/api/animes?limit=20&order=ranked");
	$get = json_decode($get);
	
	for ($i = 1; $i < count($get); $i++) {
		echo '<h6><a href="http://shikimori.org'.$get[$i]->url.'" data-toggle="popover">'.$i.'.'.$get[$i]->russian.'</a></br></h6>';
	}
	
?>
<script type="text/javascript">
	$(document).ready(function(){
		$('[data-toggle="popover"]').popover({
			title: 'Заголовок панели',
			content: function() {
				return $.ajax({url: '',
					dataType: 'html',
				async: false}).responseText;
			},
			trigger: 'hover',
			placement: 'right'
		});
	});
</script>

Итак, получаю запросом информацию и формирую ее в 20 строк. У каждой будет своя уникальная ссылка. Через js и bootstrap popover хочу открывать информацию с этих страниц, у которых ссылки разные. Покопался по сайтам, но так и не нашел примера подобной реализации.

Answer 1

[Алексей]

Добавьте к a href еще один параметр - id="linkN" где N - это $i, то есть:

echo '<h6><a id="link'.$i.'" href="http://shikimori.org'.$get[$i]->url.'" data-toggle="popover">'.$i.'.'.$get[$i]->russian.'</a></br></h6>';

В коде сможете обращаться к ссылке как document.getElementById('link1').href

Comments

[Павел Чуев]

document.getElementById('link1').href вытащит ссылку только из первого элемента, а их будет 20

[Алексей]

for (var i=1; i<=20; i++) { document.getElementById('link' + i).href; }

[Павел Чуев]

Алексей: Вы меня не так поняли. При наведении на ссылку (а их 20) я должен получать контент именно от той, на которую навожу мышкой.

[Алексей]

Попробуйте $(this).attr('href');