javascript - 获取具有定义的类名的下一个元素的 html 内容

Question

我在使用 jQuery 时遇到问题。如果我有这个代码来填充工具提示 div:

<div id="tooltip"></div>
<div class="tooltipMessage">Tooltip Message</div>
<script type="text/javascript">
    $("#id").html($("#tooltip").next(".tooltipMessage").html());
</script>

这有效，代码采用类名 tooltipMessage 的下一个元素，并使用 id tooltip 填充元素。

但是如果我有这个代码:

<div id="tooltip"></div>
<p>other element</p>
<div class="tooltipMesage">Tooltip Message</div>

返回

未定义。

如果中间存在另一个元素，如何从类名 tooltipMessage 的下一个元素中获取 HTML？

Answer 1

为什么不将所有元素放入父容器中并使用 find(selector) 来获取所需元素？我认为这是一种更好的方法，并为您提供了一些防弹隔离。

关于您的问题，您可以使用 nextAll('div.tooltipMesage')查找所需元素的方法。