如何在 jQuery 中获取数组中的所有元素兄弟...？

Question

我想要做的是在 Jquery 的一个变量中获取所有元素兄弟姐妹，以便轻松访问其所有兄弟姐妹的属性。 正如您所看到的结构，兄弟姐妹没有 id 或类，甚至除了标签名称之外没有任何属性，但是我如何获得带有 id=>the_only_id_element 的元素以返回其所有兄弟姐妹而不使用$(' #the_only_id_element').next().next() .....？

<div id="the_only_id_element"> element one </div>
<div> element two </div>
<div> element three </div>
<div> element four </div>

Answer 1

你应该使用.siblings() ：

$('#the_only_id_element').siblings()

取决于您的期望，您可以将选择器作为参数传递。

演示：

 console.log($("#the_only_id_element").siblings());

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="the_only_id_element"> element one </div> <div> element two </div> <div> element three </div> <div> element four </div>

Answer 2

 //This one is tested! var element = $('#the_only_id_element'), required_html = $(element).nextUntil(element, 0); //returns array / siblings after each other in array... //now use array index selector to select any sibling by its position console.log($(required_html[0]).html())

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="the_only_id_element"> element one </div> <div> element two </div> <div> element three </div> <div> element four </div>