この特定のケースでjQuery remove（）が機能しないのはなぜですか？

Question

この特定のケースでjQuery remove（）が機能しないのはなぜですか？また、目的の効果（最後のdiv.progressを削除）を達成するにはどうすればよいですか？私はjQuery 3.2.1を使用しています。クリックイベントは、がトリガーされていることを確認しました。

HTML：

<div class="progress-bar"> 
    <div class="progress"></div> 
    <div class="progress"></div> 
    <div class="progress"></div> 
</div> 

JS：

$(".arrow-right").click(function(){ 
    $(".progress-bar").append("<div class=\"progress\"></div>"); 
}); 

$(".arrow-left").click(function(){ 
    $(".progress-bar .progress:last").remove(); 
}); 

OR

$(".arrow-left").click(function(){ 
    $(".progress-bar").children().last().remove(); 
}); 

Answer 1

あなただけ使用することができます$('.progress-bar .progress').last().remove()$('.progress-bar .progress:last').remove(); 0と間違って何もありません

Answer 2

https://jsfiddle.net/gvmr2Lex/4/

たぶん、あなたのイベントがトリガされていません。

$(document).on("click",".arrow-left",function(){ 
    $('.progress-bar .progress:last').remove(); 
}); 

Answer 3

ちょうど使用（ベストプラクティス）、このような結合事象をお試しください：

<div class="progress-bar"> 
    <div class="progress">d</div> 
    <div class="progress">d</div> 
    <div class="progress">d</div> 
</div> 
<a href="#" class="arrow-left"> 
Arrow Left 
</a> 

$(".arrow-left").click(function(){ 
    $('.progress:last-child').remove(); 
}); 

Example in jsfiddle

Answer 4

をここではjsfiddleの小さな例です。

ここれます最小コード：あなたが使用して試すことができます

.progress-bar .progress:last - will select the last progress on entire site 
.progress-bar:last-child - will select last child of every progressbar on the entire site 
.children().last() - to select using methods 

jsFiddle - selector

Javascriptを：

$(function() { 
    $('.progress-bar').children().last().addClass("last"); 
}); 

HTML：

<div class="progress-bar"> 
<div class="progress"></div> 
<div class="progress"></div> 
<div class="progress"></div> 
<div class="progress"></div> 
<div class="progress"></div> 
</div> 

CSS：

.progress{ 
width: 100px; 
height: 20px; 
margin-bottom: 7px; 
background-color: blue; 
} 

.last { 
background-color: red; 
} 

あなたは、直接選択することはできませんあなたが最後の要素$('progress-bar').children().last()（children）を取得するために:last-child またはいくつかのメソッドを使用する必要があります:lastと

私は次の時間をコメントしたいと思います..しかし、私は十分評判を持っていません。