Javascript jQuery单击函数问题

我有一些嵌套的

，我想在其中单击一个嵌套的

调用一个函数，但是我无法实现它

这是我的HTML：

<div class="seat available">
  <div id="2020" class="seat-click"></div>
  <div class="tootltip-text">
    <p>Name : <span id="id31">Subham<span><button>Ok</button></span></span></p>
        <p>Seat No :<span id="13-tooltip-count">111</span></p>
        <p>Team :<span id="id32">Abc</span></p>
  </div>
</div>

要了解更多信息，请参阅

这里，我希望仅当我单击

时调用click函数

如果我将jQuery更改为

$('.seat-click').on('click', function () {
            console.log('Hello');
        });

如果我这样做，那么我的

也将调用相同的click函数，我不希望调用该函数，因为将来工具提示中会有一些按钮和可单击项

有什么解决办法吗

---

提前感谢。

正如@EntiendNull所说，您的座椅点击元素高度为0

您可以设置该元素的高度，也可以使用以下命令在seat元素上编写click事件处理程序：

    $('.seat').on('click', function () {
        console.log('Hello');
    });

---

您正在使用的div不会显示在浏览器中，因为

没有任何宽度或高度

我不明白你想在这种情况下做什么，但是如果你想让工具提示出现的按钮能够被点击，也许这是适合你的

<div class="seat available">
  <div id="2020" class="seat-click">
  <div class="tootltip-text">
    <p>Name : <span id="id31">Subham<span><button>Ok</button></span></span></p>
        <p>Seat No :<span id="13-tooltip-count">111</span></p>
        <p>Team :<span id="id32">Abc</span></p>
  </div>
  </div>
</div>

姓名：SubhamOk

座位号：111

组别：Abc

只需使用Id即可…对于初学者，目标元素的高度为0-这使得无法单击。Hi@DonnieNosayaba，不使用Id tooHi@EntiendNull，您能更清楚地说吗@EntiendNull说，使用

。座椅单击{height:15px}

谢谢。它工作了，我做了高度：15px；

<div class="seat available">
  <div id="2020" class="seat-click">
  <div class="tootltip-text">
    <p>Name : <span id="id31">Subham<span><button>Ok</button></span></span></p>
        <p>Seat No :<span id="13-tooltip-count">111</span></p>
        <p>Team :<span id="id32">Abc</span></p>
  </div>
  </div>
</div>