Как изменить текст с помощью jquery, метод .click?

Question

[GameOverr]

Вот код: jsfiddle.net/wb_developer/tZPg4/8681

Нужно между тегами > h3 добавить текст которой находятся между тегами > h2 a, при нажатии на данную кнопку.

Буду благодарен за помощь.

Comments

[Кирилл Арутюнов]

При клике на 1 кнопку помещаем в h3 все тексты (из 3х кнопок) или конкретно данной кнопки, на которую нажали?

[GameOverr]

@SOKOJI из кнопки по которой нажали

Answer 1

[Юрий Лобанов]

jsfiddle.net/iiil/tZPg4/8683
Смотрите внимательнее, у Вас там скобок не хватало.

Comments

[GameOverr]

благодарю,
посоветуйте мне хорошую литературу по jQuery... чтобы часто не лазать по форумам за помощью

[Юрий Лобанов]

@GameOverr к своему стыду я ничего оттуда не читал. Полагаю, можно погуглить. Или найти онлайн-учебник, типа этого anton.shevchuk.name/jquery-book

[GameOverr]

@iiil я тут немного изменил код под свои нужды, он перестал работать, показывает только текст из первого блока

jsfiddle.net/tZPg4/8685

[Юрий Лобанов]

@GameOverr и не удивительно ) опишите, чего хотите, я сделаю

[GameOverr]

@iiil все тоже самое,
при клике на кнопку 1, показывался текст из первого блока div:
"1 - Light",

клик на кнопку 2, текст из второго блока : "2 - Standart",
и так далее...

у меня просто на странице при клике на один из блоков, открывается модальное окно, у которой название должно совпадать с блоком по которому кликнули

[Юрий Лобанов]

Так а зачем тогда Вам кликать по h2? Обрабатывайте клик прямо по блоку.

[GameOverr]

нет, у меня на блоке есть кнопка, при клике на нее открывается модальное окно
что то вроде быстрого просмотра товара

[Юрий Лобанов]

предоставьте код блока вместе с кнопкой. Так, как сделали Вы - не будет работать. Точнее - там нужно много прописать и это будет трудно менять.

Answer 2

[Юрий Лобанов]

jsfiddle.net/iiil/tZPg4/8694
Изменил текст заголовка, иначе разницу не видно.

Comments

[GameOverr]

@iiil на jsfiddle.net все нормально, a у меня на странице не работает
еще поиграюсь с кодом, но все равно спасибо )

[Юрий Лобанов]

@GameOverr смотрите внимательнее, все должно работать.
Вообще, что делает скрипт: при нажатии кнопки он ищет соседний с ним (то есть имеющий общего родителя) тег h2, берет текст внутри него и вставляет в тег h3 формы. Если Вы не меняли разметку - все должно работать.

[GameOverr]

@iiil у меня код на странице немного другой

есть карусель, в ней крутятся около 20 таких блоков, при клике на кнопку одного из блоков, открываться модальное окно (использую fancybox, возможно в этом и проблема), в которой название выбранного блока и форма обратной связи

а кроме .siblings, есть какой то другой метод?

[GameOverr]

при изменение текста обычным методом .html, все работает

[GameOverr]

метод .siblings не добавляет ничего, теги h3 остаются пустыми

[Юрий Лобанов]

.siblings не имеет ничего общего с тегом h3, он как раз ищет соседа. Я же сказал - киньте мне полный код Вашего блока с кнопкой.

[GameOverr]

@iiil я понял в чем error, структура блока была следующая:
jsfiddle.net/zase2
спасибо за помощь

[Юрий Лобанов]

@GameOverr, да, это не сработало бы ) Так теперь все ок?

[GameOverr]

@iiil теперь работает

Answer 3

[Юрий Лобанов]

jsfiddle.net/iiil/tZPg4/8688
Обратите внимание, я изменил css, html и естественно js

Comments

[GameOverr]

@iiil не то, вот я сделал пример более приближенный к реальному
jsfiddle.net/tZPg4/8691

при клике на button, oткрывается модальное окно, а название окна берется из блока товара