Question

我使用jquery迭代了新的DOM。但是新操作的DOM不能作为普通DOM使用。 DOM已正确写入浏览器，但在这些元素上无法正常工作。代码如下。

<div>
<table  id='jvcontainer'>
    <tr id='vrtable'>
        <td>
        <select class="drcr">
            <option value="dr">Dr</option>
            <option value="cr">Cr</option>
        </select>           
        <input class="jvamt" name="parrot[]" type="text"> 
        </td>
    </tr>       


</table>    

</div>  
<script>


    $(".drcr").change(function(){
        thisval = $(this).closest("tr").find(".jvamt").val();
        //alert(thisval);
        $('#jvcontainer').append("<br><tr id='vrtable'><td><select class='drcr'><option value='dr'>Dr</option><option value='cr'>Cr</option></select><input class='jvamt' name='parrot[]' type='text' value='fdfdfd'></td></tr> ");
    });
</script>

Answer 1

显然代码逻辑没有错误。但它从来没有奏效，基于@Professor Allman的提示，我可以像下面一样改变它，它就像一个魅力。

$("#jvcontainer").on('change','.drcr',(function(){
        thisval = $(this).closest("tr").find(".jvamt").val();
        //alert(thisval);
        $('#jvcontainer').append("<br><tr id='vrtable'><td><select class='drcr'><option value='dr'>Dr</option><option value='cr'>Cr</option></select><input class='jvamt' name='parrot[]' type='text' value='fdfdfd'></td></tr> ");
    }));

Jquery注入的dom不适用于进程。

1 个答案: