遍历兄弟姐妹子类

Question

我试图弄清楚如何在div内的onclick事件上迭代一个div中的元素，而不需要使用相同的div迭代另一个div。

我以前的Javascript方法

$(document).on('click', '.ddSubmit', function() { 
     $("input[name*='ddText']").each(function() {
         $("select[name*='ddFinal']").append('<option>'+$(this).val()+'</option>');
     });
});

上一个例子中的问题是，如果我在单独的div中有输入字段，它将遍历所有div中的每个输入字段。

我现在的Javascript方法：

$(document).on('click', '.ddSubmit', function() { 
    $(this).next('.ddP').children('.ddText').each(function() {
        $("select[name*='ddFinal']").append('<option>'+$(this).val()+'</option>');
    });   
});

这是我想出的解决方案，但它并没有附加到select元素中，我是走错了方向还是缺少了什么东西？

编辑:这是我在做http://jsfiddle.net/me74Z/20/的小提琴

Answer 1

关闭第一个方法，只需使用保留的this实例，您就可以设置如下：

$(document).on('click', '.ddSubmit', function() {
     var that = this;
     $("input[name*='ddText']", that).each(function() {
         $("select[name*='ddFinal']", that).append('<option>'+this.value+'</option>');
     });
});