Помогите решить задачу.
Нужна функция, которая при загрузке страницы будет искать span
c классом text
(он может быть не один) и если найдет будет выводить кнопку (прим.: <a href='#' class='new'>add text</a>
) в начале тега body
.
При нажатии на эту кнопку к тексту, уже имеющемуся внутри span
c классом text
, добавляется еще текст (прим.: added text
) и кнопка, пример которой был выше, будет меняться на другу. (прим.: <a href='#' class='old'>old text</a>
) при нажатии на которую текст будет приходить в исходное состояние
<body>
<span class="text">1 text</span><br />
<span class="text">2 text</span><br />
<span class="text">3 text</span>
<body>
Всё что у меня получилось, но не работает =(
$(function(){
if($("span").hasClass("text")){
$("body").prepend("<a href='#' class='new'>add text</a>");}
$("a.new").click(function() {
var n = $(".text").html();
$(".text").html(n + 'some text');
$(".new").removeClass().addClass('old').html('old text');
});
});