Вопросы Теги

Как я могу сделать кнопку удаления в той же строке, как ли удалить ли, который находится на той же строке

['EVEN' if num % 2 == 0 else 'ODD' for num in range(10)]

, так что в идеале нам нужно вернуться или нажать в списке, откуда начинается понимание списка.  Попробуем построить его из цикла for - 
num_list = []

for num in range(10):            #  for num in range(10) (third part)
    if num % 2 == 0:
        num_list.append('EVEN')  # 'EVEN' if num % 2 == 0 (first part)
    else:
        num_list.append('ODD')   #  else 'ODD' (second part)

 Вы можете посмотреть  этот , чтобы лучше понять понимание списка.
0
задан Mamun 20 January 2019 в 06:41
поделиться

1 ответ

Вы должны использовать делегированные обработчики событий.

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

Атрибут id должен быть уникальным в документе. Используйте class вместо id .

Изменить: 

$('#ste').on('click',function(){

На 

$('body').on('click', '.ste', function(){


function adauga() {
  var inp = document.getElementById('usr').value;
  var list = document.getElementById('lista1');
  var li = document.createElement('li');
  var lungime =     document.getElementById("lista1").getElementsByTagName('li').length;
  for(var i = 0; i < lungime ; i++) {
    li.setAttribute("id",i);
  }
  li.appendChild(document.createTextNode(inp));

  var button = document.createElement("button");
  button.innerHTML = "Delete";
  button.setAttribute("class","btn btn-primary");
  button.setAttribute("onclick","sterge()");
  button.setAttribute("class","ste");
  li.appendChild(button);
  list.appendChild(li);

}

function sterge() {
  $('body').on('click', '.ste', function(){
    $(this).parent().remove();
  });
}
<link rel="stylesheet" type="text/css" href="stil.css">
 <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap /3.4.0/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<div class="centru">
  <div class="row">
    <div class="col-lg-12">
      <h2>TO DO LIST</h2>
    </div>
  </div>

<div class="row">
  <div class="col-lg-6">
    <input type="text" class="form-control" id="usr" placeholder="Input task...">
  </div>
  <div class="col-lg-6">
    <button type="button" class="btn btn-primary" onclick="adauga()">Primary</button>
  </div>
</div>

  <div class="row">
    <div class="col-lg-12">
    <ul class="list-group" id="lista1">

    </ul>
    </div>
  </div>

</div>

0
ответ дан Mamun 20 January 2019 в 06:41
поделиться
Другие вопросы по тегам:

Похожие вопросы: