jquery - 获取第二个元素的id

Question

我有一个这样的表结构

<tr>
<td>Cover Banner</td>
<td><div id="coverPreview"></div></td>
<td><input type='file' id="coverBanner"/></td>
</tr>

我想做的是，当我单击文件浏览按钮时，我必须获取以前的 id，即“coverPreview”

我确实喜欢这个

$(this).closest('tr').children(':first-child').next().attr("id")

我得到的结果是未定义的。谁能帮帮我。

Answer 1

尝试获取 closest('td') 并从那里使用 prev() 和 find() 。试试这个:

var divId = $(this).closest('td').prev().find('div').prop('id');

$('input').change(function() {
  var divId = $(this).closest('td').prev().find('div').prop('id');
  console.log(divId);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Cover Banner</td>
    <td>
      <div id="coverPreview"></div>
    </td>
    <td>
      <input type="file" id="coverBanner" />
    </td>
  </tr>
</table>