获取父DIV的ID

Question

我在div里面有一张桌子。

<div id="aaa">
    <table>
         <tr>
             <td>
                 <button></button>
             </td>
         </tr>
    </table>
</div>

我怎样才能得到div的id，这是＆＃34; aaa＆＃34;从按钮？我试图使用最接近和父母，但它给了我'未定义＆＃39;输出

$(this).closest('div').attr('id');

Answer 1

你可以尝试这个。干得好。继续编码！

function findID(){
  var id = $("button").closest("div").prop("id");
  $("#display").text(id);
}

button {
  background-color: black;
  border: 0;
  color: white;
  width: 100px;
  height: 30px;
}

#display {
  margin-top: 40px;
  width: 100px;
  text-align: center;
}

<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
<div id="aaa">
    <table>
         <tr>
             <td>
                 <button onclick="findID()">Find ID</button>
             </td>
         </tr>
    </table>
</div>
<div id="display"></div>