使用 jquery 查找最接近的 ID

Question

我试图在单击按钮以在 ajax 请求中发送它时获取最接近的 ID。但我一直在努力实现这一目标。

HTML 部分是这个 (cshtml)

                            <div id="modifyCar_@car.Id" class="modifyCar">
                                <!--Delete car button-->
                                <div>
                                    <button type="button" class="btn btn-secondary btn-sm bg-danger" id="btnDeleteCar" name="btnDeleteCar">
                                        <i class="fas fa-trash-alt"></i>
                                    </button>
                                </div>
                            </div>

我正在尝试提取 @car.Id 部分

JS部分是这样的：

id: $(this).closest("div").find(".modifyCar").attr("id"),

Answer 1

考虑以下因素。

$(function() {
  $(".btn").click(function() {
    var myId = $(this).closest(".modifyCar").attr("id");
    console.log(myId);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="modifyCar_@car.Id" class="modifyCar">
  <!--Delete car button-->
  <div>
    <button type="button" class="btn btn-secondary btn-sm bg-danger" id="btnDeleteCar" name="btnDeleteCar"><i class="fas fa-trash-alt"></i></button>
  </div>
</div>

.closest() 可以接受选择器，例如 Class 名称。您的代码将停在父 DIV 元素处，因为它与最接近的 "div" 选择器相匹配。

使用 jquery 查找最接近的 ID

Find closest id using jquery

html

javascript

jquery

razor