在jquery中获取div的特定输入（子）元素的id或类名

Question

使用以下代码我动态地创建了表。 在这个表中的第4个TD与格动态数据我想是 当用户选择文本框要删除子格，然后添加文本框或 如果他选择文件上传然后附加在td标签只有

//some lines of table opening and header code comes here 
$.each(data,function(key,value){ 
    MoreTag += '<tr><td style="width: 10px">'+value.Id+'</td>'; 
    MoreTag += '<td>'+value.installment_number+'</td>'; 
    MoreTag += '<td>'+value.instal_title+'</td>'; 

    //4th td element 
    MoreTag += '<td id="tabledata">'+   
       '<div id="fields'+value.installment_number+'">'+ 
        '<label style="font-weight:normal"><input name="resp'+value.installment_number+'" type="radio" id="textbox" class="textbox">&nbsp;Text Box</label>'+ 
        '&nbsp;<label style="font-weight:normal"><input name="resp'+value.installment_number+'" type="radio" id="fileupload" class="fileupload">&nbsp;File Upload</label>'+ 
       '</div></td>'; 
    MoreTag += '<td>'+value.instal_amount+'</td></tr>'; 
}); 
MoreTag += '</tbody>'; 
MoreTag += '</table>'; 
MoreTag += '</div>'; 
$('#listofstudloanschedules').append(MoreTag); 

上传现场

我正在使用这个脚本

var childinput = ''; 
$(document).on('change',"#tabledata",function(){ 
    var name = $(this).children("div").prop("id"); 
    $("#" + name + " input").click(function(){ 
     childinput = $(this).attr("id"); 
     alert(childinput); 
    }); 
}); 

通过这个我得到perticular领域id或类名。

问题 但是，每行4 TD第一次点击并没有报警..

Answer 1

你可以上传输入的ID通过使用jQuery .on("click")事件类似以下。

$("div#text_fields input").on('click',function(){ 
 
     var name=$(this).attr("id"); 
 
     console.log(name); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<td id="tabledata"> 
 
     <div id="text_fields"> 
 
      <label style="font-weight:normal"><input name="resp'+value.installment_number+'" type="radio" id="textbox" class="textbox">Text Box</label> 
 
      <label style="font-weight:normal"><input name="resp'+value.installment_number+'" type="radio" id="fileupload" class="fileupload">Upload File</label> 
 
     </div> 
 
    </td>

Answer 2

让我给你简单的代码片段，但你必须修改输入类型的单选按钮的值按您的要求

$(document).ready(function() { 
 
    $('input[type=radio]').change(function() { 
 
\t \t if (this.value == 'textbox') { 
 
      alert("textbox"); 
 
     } 
 
     else if (this.value == 'uploadfile') { 
 
      alert("uploadfile"); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<td id="tabledata"> 
 
     <div id="text_fields"> 
 
      <label style="font-weight:normal"><input name="resp'+value.installment_number+'" type="radio" id="textbox" class="textbox" value="textbox">Text Box</label> 
 
      <label style="font-weight:normal"><input name="resp'+value.installment_number+'" type="radio" id="fileupload" class="fileupload" value="uploadfile">Upload File</label> 
 
     </div> 
 
    </td>

Answer 3

这根据我的要求是正确的解决方案。

$(document).on('change',"#tabledata",function(){ 
    var childinput=$(this).find("div input:checked").prop("id"); 
    alert(childinput); 
});