Почему не работает скрипт?

Question

[Aleksandr]

Есть скриптик, почему в переменную записывается undefined? и как это исправить?

function link() {
	var src = $(this).children('a').attr('href');
	console.log(src);
}

<li onclick="javascript:link();"><a href="ipoteka.php">blabla</a></li>

Answer 1

[Денис Инешин]

Нужно обработчик вешать на ссылку, а не на li:
jsfiddle.net/IonDen/gjatf4be

Comments

[Aleksandr]

А если мне нужно именно на li?

[Денис Инешин]

Sashjkeee: потому что, если вы повесите обработчик на Li, вы не предотвратите переход по ссылке, соответственно консоль лог будет не иметь смысла: jsfiddle.net/IonDen/gjatf4be/2
посмотрите, консоль лог виден меньше секунды и уже переход на другую страницу

[Aleksandr]

Денис Инешин: Это понятно, допустим я закрою переход по ссылке. Но как сделать, чтобы то, что мне нужно записывалось в переменную по клику на li?

[Денис Инешин]

Sashjkeee: jsfiddle.net/IonDen/gjatf4be/3 вот так, но вы видите, пришлось использовать 2 обработчика. И это уже неправильное проектирование. Достаточно иметь один обработчик на ссылке.

[Aleksandr]

Денис Инешин: понял. Спасибо.

[fedot1325]

Sashjkeee: или не пришлось:
https://jsfiddle.net/gjatf4be/4/

[Aleksandr]

fedot1325: И вам спасибо.

Answer 2

[Артём Старченко]

Попробуйте так.

function link(li) {
  var src = $(li).children('a').attr('href');
  console.log(src);
}

<li onclick="javascript:link(this);"><a href="ipoteka.php">blabla</a></li>

Comments

[Aleksandr]

Не катит )