jQueryセレクタで指定要素の子要素の最後に追加

質問

■現状
<div class="a">
　<fieldset class="b"></fieldset>
　<fieldset class="b"></fieldset>
　<div class="c"></div>
</div>

・上記の時、ボタンを押したら<fieldset>の最後に新たな<fieldset>をjQueryで追加するにはどうすればよいでしょうか？
・特にセレクタ部分が分かりません

■やりたいこと
<div class="a">
　<fieldset class="b"></fieldset>
　<fieldset class="b"></fieldset>
　<fieldset class="b">新規挿入</fieldset>
　<div class="c"></div>
</div>

■現状js
$(document).on('click', 'ボタンのクラス名', function(){
　$(".a").find("fieldset").last("ここら辺が分からない").append('<fieldset

回答No.1

byDesign · ベストアンサー

何種類か考えてみました。
基本的には最後のfieldsetを選択してafterで追加します

$('.a > fieldset:last').after('<fieldset class="b">新規挿入</fieldset>')
$('.a').children('fieldset:last').after('<fieldset class="b">新規挿入</fieldset>')
$('.a').children('fieldset').last().after('<fieldset class="b">新規挿入</fieldset>')
$('.b:last').after('<fieldset class="b">新規挿入</fieldset>')
$('.b').last().after('<fieldset class="b">新規挿入</fieldset>')
$('.c').before('<fieldset class="b">新規挿入</fieldset>')

お礼

回答ありがとうございました。

＞何種類か考えてみました
・色々な方法があるのですね
・勉強になりましたー