Как сделать замену текста внутри ссылки на Jquery?

Question

[Андрей]

Как при наведении мыши на ссылку, заменять текст внутри ссылки?
И заменяемый текст, и текст замены фиксированы.
Можно ли это сделать на jquery?

Например:
<a href="#">Добавить товар</a>
Заменить на:
<a href="#">Добавить +1 товар</a>

Answer 1

[Desiderata]

Добавьте вашей ссылке id или class для удобства:
<a id="add" href="#">Добавить товар</a>

Замена текста при наведении курсора:

$('#add').hover(function() {
    $(this).text('Добавить +1 товар');
});

Тест: jsfiddle.net/5FLRf

Comments

[AxisPod]

В дополенинии, если указать еще обработчик во втором аргументе функции hover, то он сработает, когда мышка будет убрана с ссылки.

Answer 2

[Руслан Касымов]

HTML: <a id='test' href="#">Добавить товар</a>
JQuery: $('#test').html('Добавить +1 товар');

Comments

[Николай Васильчук]

За использование .html() для вставки текста надо бить по рукам.

[Антон Фроловский]

Ломать пальцы :). Используйте вместо .html() метод .text()