Child selector from table
-
03-10-2020 - |
سؤال
<div class="content">
<table id="Table" style="width: 100%;">
</table>
</div>
<button type="button" onclick="add()">Add row</button>
function add() {
$("#Table").append("<tr class=\"tr\">" +
"<td class=\"col-xs-1\" ><h4><input type=\"text\" placeholder=\"Skriv din Projekt kod här...\" class=\"form-control Projrkt proj\"/></h4></td>" +
"<td class=\"col-xs-1\" ><input type=\"text\" maxlength=\"2\" class=\"form-control Timmar\"/></td>" +
"<td class=\"col-xs-1\" ><input type=\"text\" maxlength=\"2\" class=\"form-control Timmar\"/></td>" +
"<td class=\"col-xs-1\" ><input type=\"text\" maxlength=\"2\" class=\"form-control Timmar\"/></td>" +
"<td class=\"col-xs-1\" ><input type=\"text\" maxlength=\"2\" class=\"form-control Timmar\"/></td>" +
"<td class=\"col-xs-1\" ><input type=\"text\" maxlength=\"2\" class=\"form-control Timmar\"/></td>" +
"<td class=\"col-xs-1\" ><input type=\"text\" maxlength=\"2\" class=\"form-control Timmar\"/></td>" +
"<td class=\"col-xs-1\" ><input type=\"text\" maxlength=\"2\" class=\"form-control Timmar\"/></td>" +
"<td class=\"col-xs-1 tdStatus\"><h4><span \" class=\"lblStatus\"></span></h4></td>" +
"<td class=\"col-xs-1 btnRaderaProjekt1\"><button type=\"button\" class=\"btn btn-danger btn-xs RaderaProjekt\">Radera</button></td></tr>").trigger("create");
}
$(document).on("click", ".RaderaProjekt", function (e) {
var x = $(e.target).parent().parent().children("td .Timmar:nth-child(2)").val();
alert(x);
});
I want the value insde the text box that i chose
المحلول
You can get it like this
$(document).on("click", ".btn", function (e) {
var x = $('.content > table > tbody > tr:nth-child(2) > td:nth-child(2)').text();
alert(x);
});
Or you can use
$(document).on("click", ".btn", function (e) {
$('.content > table td').each(function(index){
if(index == 4) alert($(this).text());
});
});
لا تنتمي إلى sharepoint.stackexchange