jQuery按類選擇最接近的子元素

Question

我將如何使用jQuery從id = overall答案div中選定等級的div獲取文本？

我想在整個父div內從該div動態獲取文本“ TESTING”。

<div class='answer' id="overall">
      <div class='rating'>1</div>
      <div class='rating'>2</div> 
      <div class='rating'>3</div>
      <div class='rating'>4</div>
      <div class='rating selected'>TESTING</div>
</div>

<div class='answer' id="effort">
      <div class='rating'>1</div>
      <div class='rating'>2</div> 
      <div class='rating'>3</div>
      <div class='rating selected'>4</div>
      <div class='rating'>TESTING</div>
</div>

我試圖做到這一點，它是空白的。

$(document.getElementById('overall')).find('.rating selected').text();

Answer 1

您的代碼可以工作，但選擇器錯誤。 這將是...

$(document.getElementById('overall')).find('.rating.selected').text();

注意點和之間沒有空格rating和selected 。

但是，我認為您已經使事情變得復雜了……

$('#overall .selected').text();

例...

 alert($('#overall .selected').text()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <div class='answer' id="overall"> <div class='rating'>1</div> <div class='rating'>2</div> <div class='rating'>3</div> <div class='rating'>4</div> <div class='rating selected'>TESTING - selected</div> </div> <div class='answer' id="effort"> <div class='rating'>1</div> <div class='rating'>2</div> <div class='rating'>3</div> <div class='rating selected'>4</div> <div class='rating'>TESTING - not selected</div> </div> 

Answer 2

$（'＃overall .rating.selected'）。html（）