在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); 
});