Доступ к элементам td внутри тега li

Question

Я пытаюсь получить доступ к элементу td, который находится внутри тега li. Мой код похож на этот

$(document).on("click",".open",function(){
  var $url;
          var $row = $(this).closest("tr"),         
    $tds = $row.find("td:nth-child(1)"); 
$.each($tds, function() {               
      $("#file").val(($(this).text()));
      $("#type").val("open");
 });

Код сервлета:

 sb.append("<ul class=\"child\">");
          if(listOfFiles!=null){
    for (int i = 0; i < listOfFiles.length; i++) {


    sb.append("<tr>");

     if (listOfFiles[i].isFile()) {
        sb.append("<li class=\"file\">");
        sb.append("<td>"+listOfFiles[i].getName()+"</td>");
        sb.append("<td><button class=\"open\">OPEN</button></td>");
        sb.append("<td><button class = \"edit\">EDIT</button></td>");
        sb.append("<td><button class =\"share\">SHARE</button></td>");
        sb.append("<td><button class =\"log\">VIEW LOG</button></td>");
        sb.append("</li>");

      } else if (listOfFiles[i].isDirectory()) {
        sb.append("<li class=\"folder false\">"+listOfFiles[i].getName()+"</li>");

      }
 sb.append("</tr>");
    }
sb.append("</ul>");
}

Не знаю, правильно ли я это делаю. Я вызываю ajax-вызов в sevlet и добавляю текст Response к тегу li. Затем я пытаюсь получить доступ к элементу td внутри него, но он не работает. Это хорошая практика, чтобы положить тд внутри ли, поэтому, пожалуйста, помогите Заранее спасибо