Выпадающий выпадающий текст при использовании каждого()

Question

У меня есть выбор выпадающих меню, и я пытаюсь захватить выбранное значение для каждого из них, используя каждый(). Кажется, я не понимаю. Как мне это сделать?

Вот мой код:

$('#aTable select option:selected').each(function(){ 
    console.log($(this).text()); 
}); 

Answer 1

$('#aTable select').each(function(){ 
    console.log($(this).find('option:selected').text()); 
}); 

Answer 2

Используйте this.options[this.selectedIndex].text, чтобы получить selcted текст. Он работает

Demo: -

$('#aTable select').each(function(){ 
 
    console.log(this.options[this.selectedIndex].text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="aTable"> 
 
    <select> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
    </select> 
 
    <select> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
    </select> 
 
    <select> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
    </select> 
 
</div>