Bootstrap将样式应用于最后一个元素。

解决方案I（如果您不想删除按钮，只想隐藏它）：

在css中创建一个类来给予圆角，并将该类添加到prev()元素中。当您show()元素时，只需删除该类。Fiddle
JS：

setTimeout(function () {
    $("input[value='other']").parent().prev().addClass('pseudoLast')
    $("input[value='other']").parent().hide();

}, 1000);

字符串
CSS：

.pseudoLast{
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

型
当你show按钮只是做：

$("input[value='other']").parent().prev().removeClass('pseudoLast')
$("input[value='other']").parent().show();

型

方案二：

需要删除fiddle元素
js：

setTimeout(function () {
    $("input[value='other']").parent().remove(); // < here
}, 1000);

型
稍后您可以追加元素。

CSS将样式应用于'btn-group'中的最后一个元素，hide（）方法只是将'display：none'添加到元素中，CSS仍然将其解释为最后一个元素，因为它仍然是DOM的一部分。
因此，您需要将其从DOM中完全删除

otherEl = $("input[value='other']").parent();
$("input[value='other']").parent().remove();

字符串
稍后添加它，如下所示：

$("#gender").append(otherEl);

型
https://jsfiddle.net/sjmcpherso/j1am57r7/
我看不出任何好处，为非DOM删除方法以上之一，但让我知道，如果你这样做

只需使用类“d-none”使按钮显示为none