Удалять каждый li по номеру

205

15 марта 2018, 08:39

Есть код

<button onclick="$('#aside-history .list-history li:nth-child($count)').remove();">×</button>

Необходимо, чтобы вместо $count подставлялся номер li элемента, на который произошло нажатие.

Answer 1

li элемента, на который произошло нажатие

$(event.target).closest("li").remove()

Answer 2

Если я правильно понял вашу задачу, т.е необходимо удалить элемент на который нажали, лучше сделать так:

UPD

$(document).ready(function () { 
 
$('.button_con button').on('click', function () { 
	var key = $(this).index() + 1; 
	$('#aside-history .list-history li:nth-child(' + key + ')').remove(); 
}); 
 
});

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<div id="aside-history"> 
  <ul class="list-history"> 
<li>1</li> 
<li>2</li> 
<li>3</li> 
<li>4</li> 
<li>5</li> 
<li>6</li> 
<li>7</li> 
  </ul> 
</div> 
<div class="button_con"> 
  <button>×</button> 
  <button>×</button> 
  <button>×</button> 
  <button>×</button> 
  <button>×</button> 
  <button>×</button> 
  <button>×</button> 
</div>