Jquery - 如何从 e.target 获取嵌套 DIV 的 ID

Jquery - how do I get the ID of a nested DIV from an e.target?

本文关键字：嵌套 获取 DIV ID target Jquery      更新时间：2023-09-26

此代码：

$('.grid-stack').on('resizestop', function(e) {
        var element = e.target;
        console.log(element);
 });

输出：

<div class="grid-stack-item ui-draggable ui-resizable ui-resizable-autohide" data-gs-x="0" data-gs-y="2" data-gs-width="7" data-gs-height="2">
                <div class="grid-stack-item-content ui-draggable-handle">
                    <div class="box-prop top-widget" data-sortable-id="cars-sold-minute" id="cars-sold-minute-block">
                        <i class="fa fa-times close-x" aria-hidden="true" style="display: none;"></i>
                        <div class="single-pie">

到控制台.log。我正在尝试使用 jquery 获取汽车售出分钟块的 id，但没有成功。使用事件目标时如何获取 ID？

编辑：我不想命名id，因为这将用于许多不同的元素。

你可以通过元素类来获取它

 $('.grid-stack').on('resizestop', function(e) {
        var element = e.target;
        var id = $(element).find('.box-prop.top-widget').attr('id');
        console.log(element);
 });

为了提高性能，请将$与两个参数一起使用，其中第二个参数是 CTX（父级）： 

 $('.grid-stack').on('resizestop', (e)=> {
        let element = e.target;
        var id = $('.box-prop.top-widget',element).attr('id');
        console.log(id);
 });
相关文章：