Javascript 在子类中迭代

我试图弄清楚如何在一个div内的onclick事件上迭代一个div中的元素，而不同时迭代另一个具有相同元素的div

我以前的Javascript方法

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

$（document）.on（'click'，'.ddSubmit'，function（）{
$（“输入[name*='ddText']）。每个（函数（）{
$（“选择[name*='ddFinal']”）。追加（“”+$（this.val（）+“”）；
});
});

上一个示例中的问题是，如果在单独的div中有输入字段，它将迭代所有div中的每个输入字段

我当前的Javascript方法：

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

$（document）.on（'click'，'.ddSubmit'，function（）{
$（this）.next（'.ddP'）.children（'.ddText'）.each（function（））{
$（“选择[name*='ddFinal']”）。追加（“”+$（this.val（）+“”）；
});   
});

这是我提出的解决方案，但它并没有附加到select元素，我是不是走错了路，还是缺少了什么

---

编辑：这是我正在处理的小提琴

使用第一种方法，只需使用此的一个保留实例，您就可以全部设置好：

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

$（文档）.on（'click'，'.ddSubmit'，function（）{
var=这个；
$（“输入[name*='ddText']”，即）。每个（函数（）{
$（“选择[name*='ddFinal']”，that.append（“”+this.value+“”）；
});
});

这是我在研究了一段时间后提出的问题的解决方案

$(this).parent().find('>p.ddP>input[name="ddText"]').each(function() {
    $("select[name*='ddFinal']").append('<option>'+$(this).val()+'</option>');
});     

$（this）.parent（）.find（'>p.ddP>input[name=“ddText”]'）。每个（函数（）{
$（“选择[name*='ddFinal']”）。追加（“”+$（this.val（）+“”）；
});     

---

我在调试器中遍历了父div并跟踪了输入文本元素的路径

可能

$（“select[name*='ddFinal']）

没有选择任何元素。请参阅jQuery选择器文档。您可以发布html吗？