Parent返回到不同的Child JQuery

时间:2018-05-25 19:12:00

标签: jquery

这是我的代码,用于包含各种复选框的动态页面。我想知道的是" .parent()。children()"我设置的财产是可能的。我一直在返回[Object Object]。你能帮忙的话,我会很高兴。

<div>
            <input name='input1' id='src-1' value = 'input1' type='checkbox'/><br />
            <input name='depnum1' id='depnum-1' value = '' type='text'/><br />
            <input name='depdate1' id='depdate-1' value = '' type='text'/>
        </div>
<script>
    $(document).ready(function() {
        $("#SubDeposit").click(function(){  
            $('input[type=checkbox]').each(function (){
                if($(this).prop('checked')) {
                    //variables
                    var fileLocation = $(this).attr('id');                  
                    var fileLocation = fileLocation.substring(4);
                    alert(fileLocation);            
                    //Variables for inputs that relate to the chekcbox
                    depnum  = ($(this).parent().children('depnum-'+fileLocation));
                    depdate = ($(this).parent().children("depdate-"+fileLocation));
                    alert(depnum);
                    alert(depdate);     
                    console.log(depnum);    
                    console.log(depdate);   
                }
            });
        });
    });
    </script>

1 个答案:

答案 0 :(得分:3)

我认为问题在于你的选择器。您想要找到id =某个值的元素。 id的选择器是"#text"所以在这种情况下,正确的jquery调用将是

depnum  = ($(this).parent().find('#depnum-'+fileLocation));
depdate = ($(this).parent().find("#depdate-"+fileLocation));