Показать сообщение отдельно
  #1 (permalink)  
Старый 11.02.2017, 15:09
Аспирант
Отправить личное сообщение для Artem_A Посмотреть профиль Найти все сообщения от Artem_A
 
Регистрация: 17.01.2016
Сообщений: 49

Удаление определенного элемента из множества элементов с одинаковым классом
Здравствуйте не могу решить проблему, удаляется предыдущий блок
НЕ могу провести зависимость $(this).remove(), чтобы он только сам себя удалял

<table class="table table-bordered">
          <caption>РАСЧЕТ ПЛАТЕЖЕЙ</caption>
          <thead>
            <tr>
              <th>№</th>
              <th>Дата</th>
              <th>Сумма переплат</th>
              <th>Остаток задолжности</th>
              <th>Основной долг</th>
              <th>Начисленные проценты</th>
              <th>Платеж</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th>1</th>
              <th>05.16</th>
              <th>30 000</th>
              <th>3 500 500</th>
              <th>10 000</th>
              <th>30 000</th>
              <th>40 000</th>
              <th><div class="change-block"></div></th>
            </tr>
            <tr>
              <th>2</th>
              <th>05.16</th>
              <th>30 000</th>
              <th>3 500 500</th>
              <th>10 000</th>
              <th>30 000</th>
              <th>40 000</th>
              <th><div class="change-block"</div></th>
            </tr>
            <tr>
              <th>3</th>
              <th>05.16</th>
              <th>30 000</th>
              <th>3 500 500</th>
              <th>10 000</th>
              <th>30 000</th>
              <th>40 000</th>
              <th><div class="change-block"></div></th>
            </tr>
            <tr>
              <th>4</th>
              <th>05.16</th>
              <th>30 000</th>
              <th>3 500 500</th>
              <th>10 000</th>
              <th>30 000</th>
              <th>40 000</th>
              <th>
                <div class="change-block">

                </div>
             </th>
            </tr>
          </tbody>
        </table>

<script>
var $add_button = $('<button type="button" name="button" class=" add-button" >Добавить платеж</button>');
var $confirmed_pay = $('<div class="confirmed-pay"> <a href="#"><span class="icons close-icon"></span></a><p class="blue-text">10 000</p><p>Экономия 25 000</p></div>');
$( ".change-block" ).append($add_button);


$('.change-block > .add-button').click(function(){
  $(this).parent().append($confirmed_pay);
  $(this).remove()
});
</script>

Последний раз редактировалось Artem_A, 11.02.2017 в 15:52.
Ответить с цитированием