1

Здравствуйте всем. Мне нужна помощь.
Есть такой код:

<div><span></span><a href="">Клик</a></div>

Как сделать, чтобы при клике на ссылку менялось содержимое span, который находится в родителе?

3
  • Метод [siblings()][1] или, для вашей структуры, [prev()][2]. Это, чтоб выбрать span, ну а изменить его содержимое, надеюсь, что труда не составит? [1]:api.jquery.com/siblings [2]:api.jquery.com/prev
    – Deonis
    Commented 17 сент. 2014 в 9:31
  • Я нуб в этом, не могли бы вы мне показать, как это сделать?
    – Yuri
    Commented 17 сент. 2014 в 10:13
  • Начните отсюда -- learn.javascript.ru/traversing-dom
    – RubaXa
    Commented 17 сент. 2014 в 10:14

1 ответ 1

1

Пример в грубой форме:

<div id="tadam">
<span></span>
<a href="javascript://">Клик</a>
</div>

<script>
$('#tadam a').click(function(){
$('#tadam a').prev('span').html('тест');
});
</script>

Для дива или для ссылки class или id установить, без разницы. Создаем обработчик события .click и выбираем элемент span, лежащий перед ссылкой, методом prev().

2
  • '#tadam a' внутри функции лучше заменить на this
    – LEroyGGG
    Commented 17 сент. 2014 в 11:59
  • Ага, так намного лучше будет. <script> $('#tadam a').click(function(){ $(this).prev('span').html('тест'); }); </script>
    – user22601
    Commented 17 сент. 2014 в 12:05

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.