獲取元素的值與特定的類

Question

我有這個網站的按鈕用於移動形式：

<div id="npsvalue" style="margin-bottom: -24px;"> 
<input id="Q1689" name="Q1689" class="tsc_buttons2 black npsoption" type="button" value="0"> 
<span class="mincircle" style="background-color: #EA0F0F;"></span> 
</div> 

<div id="npsvalue" style="margin-bottom: -24px;"> 
<input id="Q1689" name="Q1689" class="tsc_buttons2 black npsoption" type="button" value="1"> 
<span class="mincircle" style="background-color: #EA0F0F;"></span> 
</div> 
. 
. 
. 
<div id="npsvalue" style="margin-bottom: -24px;"> 
<input id="Q1689" name="Q1689" class="tsc_buttons2 npsoption lightgrey active" type="button" value="6"> 
<span class="mincircle" style="background-color: #DEDC21;"></span> 
</div> 

正如你所看到的第一和第二元素和第三之間的唯一區別（第六屆）一個是班級。 我需要做的是獲得活動類的值（在這種情況下爲6）。 我怎樣才能做到這一點與jQuery或JavaScript？

感謝

Answer 1

使用jQuery： $(".tsc_buttons2.active")[0].value

正如下面提到的，讓有你想要的所有類的元素，不要把階級之間的空間。

How can I select an element with multiple classes?

Answer 2

您可以通過類的JQuery使用

$(".class")

選擇你也應該看到，輸入端的前兩個具有相同的類，所以你問什麼話都不工作。你會想使用一個ID來選擇特定的元素。不幸的是，那些在您的代碼中被列爲相同。你絕對不應該爲多個元素使用相同的ID。這是不好的做法，當代碼運行時會導致問題。另外，它不可能通過它的ID來獲取特定的元素。

你有什麼：

<input id="Q1689" name="Q1689" class="tsc_buttons2 black npsoption" type="button" value="0"> 
<span class="mincircle" style="background-color: #EA0F0F;"></span> 
</div> 

<div id="npsvalue" style="margin-bottom: -24px;"> 
<input id="Q1689" name="Q1689" class="tsc_buttons2 black npsoption" type="button" value="1"> 
<span class="mincircle" style="background-color: #EA0F0F;"></span> 
</div> 

你應該有什麼：

<input id="Q1689" name="Q1689" class="tsc_buttons2 black npsoption" type="button" value="0"> 
<span class="mincircle" style="background-color: #EA0F0F;"></span> 
</div> 

<div id="npsvalue" style="margin-bottom: -24px;"> 
<input id="Q1690" name="Q1689" class="tsc_buttons2 black npsoption" type="button" value="1"> 
<span class="mincircle" style="background-color: #EA0F0F;"></span> 
</div> 

的方式通過使用jQuery的ID選擇一個元素是 $("#id")

所以，你可以選擇第一輸入$("#Q6189")或第二個輸入$("#Q6190)