javascript - 我在使用 jQuery 遍历新添加的 DOM 元素时遇到问题

Question

我有一个要用于添加条目的表单。添加条目后，应重置原始表单以为下一个条目做好准备，并且在重置之前应复制保存的表单并将其附加到“storedEntries”的 div 上。这大部分工作正常，但我无法访问新创建的表单...我需要将提交按钮的值属性从“添加”更改为“编辑”，以便正确传达单击该按钮应该做什么做。这是我的表格:

  <div class="newTruck">
    <form id="addNewTruck" class='updateschedule' action="javascript:sub(sTime.value, eTime.value, lat.value, lng.value, street.value);">

        <b style="color:green;">Opening at: </b>
            <input id="sTime" name="sTime" title="Opening time" value="Click to set opening time" class="datetimepicker"/>

        <b style="color:red;">Closing at: </b>
            <input id="eTime" name= "eTime" title="Closing time" value="Click to set closing time" class="datetimepicker"/>

        <label for='street'>Address</label>
            <input type='text' name='street' id='street' class='text' autocomplete='off'/>
            <input id='submit' class='submit' style="cursor: pointer; cursor: hand;" type="submit" value='Add new stop'/>
        <div id='suggests' class='auto_complete' style='display:none'></div>
            <input type='hidden' name='lat' id='lat'/>
            <input type='hidden' name='lng' id='lng'/>

  </form>

 </div>

我试过使用 100 个不同的选择器和 jquery 都无济于事......这是我的脚本:

function cloneAndClear(){
    var id = name+now;
    $j("#addNewTruck").clone(true).attr("id",id).appendTo(".scheduledTrucks");
    $j('#'+id).filter('#submit').attr('value', 'Edit');

    $j("#addNewTruck")[0].reset();

    createPickers();
}

该元素已正确克隆并插入到 div 中，但我无法找到访问该元素的方法...脚本中的第三行无法正常工作。

我遇到的另一个问题是克隆表单中的“值”恢复为 html 源中的值，而不是用户输入的值。

非常感谢有关如何解决这些问题中的任何一个的建议!

Answer 1

我想你想使用 find 而不是 filter

$j('#'+id).find('#submit')

这在实践中应该可行，尽管你在那里遇到了问题，因为有多个元素具有相同的 id。我会更改您的 HTML 以使用类，或者在这种特定情况下，您不需要:

$j('#' + id).find(":submit")