如何在模态打开关闭后找到表格行

Question

我有一个表格，表格中有表格，表格中有行，或者我将动态添加行。    <table class="table table-bordered table-hover table-sm table-light sortable" >        <thead class="thead-light">            <tr>                <th scope="col">{{ __('additional_information.title') }}</th>                <th scope="col">{{ __('additional_information.text') }}</th>                <th scope="col">{{ __('additional_information.file') }}</th>                <th scope="col">{{ __('additional_information.is_public') }}</th>                <th scope="col">{{ __('additional_information.is_showcase') }}</th>                <th scope="col"></th>            </tr>        </thead>        <tbody>   @foreach ($additionalInformations as $additionalInformation)            <tr>                <td data-value="{{ $additionalInformation->title }}">                    <input class="form-control" type="text" placeholder="{{ __('additional_information.title') }}" name="existing_additional_information_title[{{ $additionalInformation->id }}]" value='{{ $additionalInformation->title }}'>                </td>                <td data-value="{{ $additionalInformation->text }}">                    <input class="form-control" type="text"  placeholder="{{ __('additional_information.text') }}" name="existing_additional_information_texts[{{ $additionalInformation->id }}]" value='{{ $additionalInformation->text }}'>                </td>                <td  id = "photo"  class="d-inline-block text-truncate" data-value="{{ $additionalInformation->original_file_name }}" style="max-width: 300px;">   @empty($additionalInformation->original_file_name)   @else                    <a href="/file/image/{{ $additionalInformation->file }}"    data-placement="bottom" data-toggle="tooltip" data-html="true" title="<img src='/file/image/{{ $additionalInformation->file }}'  width='180'  >">{{ $additionalInformation->original_file_name }} </a>

Answer 1

我正在使用类似的策略。您可以做的只是<tr>用包含您列出的模型的 id（或每条记录的唯一内容）的数据属性标记。然后，在您的服务器部分，一旦更改完成，只需<tr>重新生成（您可以为此目的将其导出到单独的文件）并将其作为数据与响应一起返回。然后在您的 jquery 中找到标有唯一数据属性.replaceWith()的 tr 并返回新的 tr ......或者随意修改它！

希望你明白了，我不能提供一个例子，因为我们缺乏你的服务器端逻辑......但这就是重点。