從以前的標籤獲取下一個

Question

我有不同的<select>具有合適的id屬性。在每個<select>下都有一個<a>標籤，沒有合適的id或class。 我不能將id添加到<a>標籤，因爲它是由jQuery庫生成的。

例子：

<select class="foo" id="foo"> 
.. 
</select> 
<a class="same" href="#">link</a> 
<select class="bar" id="bar"> 
.. 
</select> 
<a class="same" href="#">link</a> 

有一種方式來獲得一個特定的<select>標籤下的第一個標籤<a>？

Answer 1

如果錨標記將是緊跟其後的兄弟姐妹，你可以使用.next()選擇：

$('#foo').next(); 

否則，你需要使用.nextAll()與.first()：

$('#foo').nextAll('a').first(); 

Answer 2

嘗試使用jQuery找到。

$("select").find("a"); 

Answer 3

您好！

香草JS溶液：

一個選擇：

document.querySelector('select').nextElementSibling; 

實施例：

document.querySelector('select').nextElementSibling.style.color = 'red';

<select class="foo" id="foo"> 
 
    </select> 
 
<a class="same" href="#">link</a> 
 
<select class="bar" id="bar"> 
 
    </select> 
 
<a class="same" href="#">link</a>

---

多選擇器：

document.querySelectorAll('select'); 

實施例：

var arr = document.querySelectorAll('select'); 
 

 
for (var i = 0, length1 = arr.length; i < length1; i++) { 
 
    arr[i].nextElementSibling.style.color = 'red'; 
 
}

<select class="foo" id="foo"> 
 
    </select> 
 
<a class="same" href="#">link</a> 
 
<select class="bar" id="bar"> 
 
    </select> 
 
<a class="same" href="#">link</a>