从以前的标签获取下一个

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>