Child selector from table

Question

<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

Answer 1

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