Javascript 如何在div中找到一个表的td，以便从另一个嵌套div中的复选框中设置td中的文本？

我的桌子上有个td。有多行数据来自数据库，每行都有一个唯一的id。当我单击td时，会打开一个对话框，其中有多个复选框。当我选择checkboxex的这些值并点击submit时，这些值将在td中显示，而无需页面刷新。我想做的是找到td并在提交时设置文本。但是我的页面包含很多功能，其中有很多div，很难通过查找父子等方式找到它的位置。是否有任何方法可以让我直接找到具有唯一行id的td。下面是我的代码：

<div></div>
<div class="content">
  <div class="autoval">
    <div>
      <div>
     </div>
     <div>
         <div>
         <table>
            <tr id="123unique">
                <td></td><td></td><td "to set text"></td><td></td>
            </tr>
            <tr id="768unique">
                <td></td><td></td><td></td><td></td>
            </tr>
         </table>
         </div>
     </div>
  </div>
</div>
</div>
<div></div>
<div></div>
<div class="ui-dialog">
<div>
<div>
<input type="checkbox" name="checklist[]" checked="" value="Adam">
<input type="checkbox" name="checklist[]" checked="" value="Eve">
<input type="checkbox" name="checklist[]" checked="" value="Ana">
</div>
<input type="button" name="checked_submit" id="checked_submit" value="submit">
</div>
</div>

---

单击时查找父id的步骤

---

您可以在打开对话框之前尝试保存父级，然后关闭后对该父级执行某些操作：

$("td").click(function() {

    var parent = $(this).parent();

    // dialog code here
    $.dialogOrSomething({
        onClose: function() {
            doSomethingWithParent(parent);
        }
    })

});

---

请共享代码以打开对话框并提交。如果可以，请共享JSFIDLE链接。

$("td").click(function() {

    var parent = $(this).parent();

    // dialog code here
    $.dialogOrSomething({
        onClose: function() {
            doSomethingWithParent(parent);
        }
    })

});

$('td').click(function(){
  var parent =  $(this).closest('tr').attr('id');
});