javascript - Twitter Bootstrap：将数据设置到 Modal 的父 div

Question

我使用 Twitter Bootstrap Modal 作为搜索框。
用户可以从其中调用模态并进行搜索的 3-4 个 div。搜索结果以表格形式显示在模态本身上。
当用户从搜索结果中单击一行时，我必须获取选定的行数据并填充父 div 字段。
我将如何确定称为搜索模式的相应父 div？
代码

    //initiates the modal
    $('#searchClient').click(function() {
                        clearTable();
                        $('#searchModal').modal('toggle');
                    });

    //reads data from clicked row
    $("#clientSearchResult").delegate("tr", "click", function(){
                        alert($(this).html());
//??Find out the parent div and populate selected data
                    });

HTML

<div class="modal fade" id="clientSearchModal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Client Search</h4>
          </div>
          <div class="modal-body">
            <div class="form-inline">
                <input type="text" id="searchClientName" placeholder="Client Name">
                <input type="text" id="searchNumber" placeholder="Number">
                <button type="button" class="btn btn-primary" id="doClientSearch">Search</button>
            </div>
          </div>
          <div class="modal-footer">
            <table class="table table-hover table-bordered" id="clientSearchResult">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Tax Id</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div>

Answer 1

不完全确定您在做什么，但听起来您正在尝试找出点击事件的来源。如果“searchClient”是您所说的“父 div”，您应该将它们的 ID 更改为 classes ( e.g. <div class="searchClient">)

然后，您可以执行以下操作：

var parentClicked; //i'm global!

$('.searchClient').click(function(e) {
    parentClicked = e.target;
    ///etc....
 });