Javascript jQuery.next（）下一步在div中不工作

在看到我的问题在这里得到了成功的回答后，在转换到我的脚本时出现了问题： 我有一个正在克隆的下拉列表，它在一个侧div上显示它的值。问题是，当我克隆它时，下面的下拉列表不起作用，第一个将更新所有剩余的。代码：

加

工作区：

如果我从

周围删除

，输出将显示为未格式化，但正确更新了div

---

提前谢谢。

在我看来，您的目标是

.col-xs-2.tags

，如果您需要此代码

$(this).parent().next().find('.tags').html($(this).val());

---

.下一步只看兄弟姐妹，而不是堂兄弟姐妹或阿姨。工作很有魅力。我真的需要提高我的jQuery！谢谢

var count = 0;

$('#add-more').click(function(){

var id = $(".row:last").attr('id');
var appendDiv = $($(".products-row:last")[0].outerHTML);
    appendDiv.attr('id', ++id).insertAfter(".products-row:last");        
});

$('#name').change(function(event) {
$('.tags').html($('#name').val());
});
$(document).on('change', '.select', function() {
    $(this).next(this).html($(this).val());
});

$(this).parent().next().find('.tags').html($(this).val());