Επιλογή συγκεκριμένου span

[rafinos]

Γεια σας παιδιά!

 

Έχω την παρακάτω html

<div class='col-md-12 col-sm-12 col-xs-12 col-lg-12 spaces'>
	<button class='btn btn-danger btn-border remove' value='0'> - </button>
	  <span class='number'>1</span>. blah blah blah
</div>
<div class='col-md-12 col-sm-12 col-xs-12 col-lg-12 spaces'>
	<button class='btn btn-danger btn-border remove' value='1'> - </button>
	  <span class='number'>2</span>. blah blah blah
</div>
<div class='col-md-12 col-sm-12 col-xs-12 col-lg-12 spaces'>
	<button class='btn btn-danger btn-border remove' value='2'> - </button>
	  <span class='number'>3</span>. blah blah blah
</div>
<div class='col-md-12 col-sm-12 col-xs-12 col-lg-12 spaces'>
	<button class='btn btn-danger btn-border remove' value='3'> - </button>
	  <span class='number'>4</span>. blah blah blah
</div>

Όταν γίνεται click σε ένα από τα button τρέχω το παρακάτω:

$(document).on('click', '.remove', function(evt){
	$(this).parent().remove();
	if($('.remove').length){
		var temp_key = 0;
		$('.remove').each(function(){
			$(this).val(temp_key + "");
			temp_key++;
			$(this).parent().closest('.number').html(temp_key);
		});
	}
	evt.preventDefault();
});

Το επίμαχο σημείο είναι αυτό

$(this).parent().closest('.number').html(temp_key);

πως θα αλλάξω την τιμή που έχω στο <span> με βάση το .remove button που είναι επιλεγμένο μέσα στην .each() γιατί το παραπάνω δεν δουλεύει;

Επεξ/σία 26 Απριλίου 2017 από rafinos

[alou]

$(this).parent().find('.number').html(temp_key);

[lionheart82]

Ορίστε αν και με πρόλαβε ο φίλος

https://jsfiddle.net/hh34vkx8/

[rafinos]

Δοκίμασα 1002 συνδυασμούς ακόμα και με το find() αλλά το συγκεκριμένο όχι. Ευχαριστώ πολύ!