JQuery добавить к ближайшему элементу, как я показываю

Question

JQuery добавить к ближайшему элементу, как я показываю

0

Привет, у меня есть функция jQuery, которая показывает первые три элемента, которые были отмечены галочкой и скрывают остальные. У меня есть функция, которая не скрывает флажки по одному щелчком кнопки добавления.

Я хочу сделать это на один шаг ближе, изначально у меня была статическая кнопка удаления, но теперь я хочу, чтобы эта кнопка "удалить" добавлена с помощью jQuery, поскольку я хочу, чтобы эта кнопка была видимой, если пользователь нажал кнопку "Добавить", и он удаляет соответствующие тр.

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

любая помощь будет очень приветствоваться!

Мой код ниже или просмотреть jsfiddle

  $("#add").click(function () {
        $(".contact_numbers:hidden:first").fadeIn("slow");
        $( ".contact_numbers" ).append( "<a href='#' class='remove'>Remove</a>");
    });

001221 21 окт. 2013, в 17:20

Источник

Теги:

jquery

string

append

1 ответ

Ещё вопросы

Tushar Gupta · Accepted Answer · 2013-10-21T12-19-00.000Z

DEMO

Использовать полную функцию обратного вызова fadeIn

Функция для вызова после завершения анимации

$("#add").click(function () {
    $(".contact_numbers:hidden:first").fadeIn("slow", function () {
        $(this).closest('.contact_numbers').append("<a href='#' class='remove'>Remove</a>")
    });
});

Справка

.closest()

Лучший код

DEMO

$("#add").click(function () {
    $(".contact_numbers:hidden:first").fadeIn("slow", function () {
        $(this).closest('.contact_numbers').find('.remove').remove();
        $(this).closest('.contact_numbers').append("<a href='#' class='remove'>Remove</a>")
    });
});

Обновлено после комментария Op

DEMO

$("#add").click(function () {
    $(".contact_numbers:hidden:first").fadeIn("slow", function () {
        $(this).closest('.contact_numbers').find('.remove').remove();
        $(this).closest('.contact_numbers').find('td:last').append("<a href='#' class='remove'>Remove</a>")
    });
});

блестяще спасибо! Любая идея, как я мог заставить его отображать в td input_number, чтобы он не появлялся за пределами таблицы?
если вы видите jsfiddle, ссылка на удаление появляется за пределами таблицы, я хочу, чтобы это отображалось рядом с номером телефона, я назвал этот класс td "input_number", вы понимаете, о чем я?
@gutigrewal проверьте обновленный ответ.