Я пишу некоторые функции JS для обработки щелчка элемента и обработки ответа JSON. Проблема, с которой я сталкиваюсь, связана со ссылкой на щелкнутый элемент вне функции щелчка.
HTML-макет:
<div class="container">
<div class="link">
<a href="#" onclick="linkify()">Test</a>
</div>
<div class="output">
<textarea class="output-textarea"></textarea>
</div>
</div>
<div class="container">
<div class="link">
<a href="#" onclick="linkify()">Test</a>
</div>
<div class="output">
<textarea class="output-textarea"></textarea>
</div>
</div>
И JS:
// link function
function linkify() {
// save reference to click element
activeElement = $(this);
// make AJAX call
}
// callback function; the parameters of this function
// are defined by an API and cannot be changed
function callback(json) {
$(activeElement).closest('.container').find('.output-textarea').val(json);
}
jsFiddle здесь: http://jsfiddle.net/Lqaw05j8/4/
В моей скрипте событие срабатывает со всеми определенными переменными, но мой обход jQuery DOM не работает.