Клонирование, добавление и изменение (лягушки) - PullRequest
Новая
       33

Клонирование, добавление и изменение (лягушки)

0 голосов
/ 21 июля 2011

В приведенном ниже примере jQuery перед отображением клонированного сегмента HTML как изменить текст «Удалить лягушку» на «Удалить лягушку # 99», а также добавить идентификатор с именем «frog99», где 99 - порядковый номер? 

    <div id='imageBox'>
    </div>

    <div class="hidden" id='template'>
        <span class='alignRight'><a href='#' class='deleteFrog'>Remove Frog</a></span>
        <span class='alignRight'><a href='#' class='addFrog'>Add Frog</a></span>
        <img src="img/frog.jpg">
    </div>

Сценарий: 

var frogCount = 0;

$(document).ready(function() {
    // listener: add "live" listener to link
    $("#addFrog").live('click', function() {
        // Clone hidden template
        myClone = $("#template").clone();
        // Before showing cloned object, I would like to change text "Remove Frog" to "Remove Frog #99".
        // I think it should look something like this,
        myClone.("a").text("Remove Frog #" + ++frogCount);

        // Also add an id called "frog99", where 99 is a sequential number.

        myClone.removeClass("hidden");
        $('#imageBox').append(myClone);
    });
});

1 Ответ

0 голосов
/ 21 июля 2011

Изменить строку 

myClone.("a").text("Remove Frog #" + ++frogCount);

до 

myClone.find("a.deleteFrog")
    .text("Remove Frog #" + ++frogCount)
    .attr('id','frog'+frogCount);
...