如何在 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>