How to get text of the span element within anchor tag?

Question

I was just wonder about how to get the text of the span element within the anchor tag.

 <a class="draw-ticket-wrap"> <span style="display: none;" class="TicketValue">1000</span> <span style="display: none;" class="TicketId">7</span> <span style="display: none;" class="TicketTotalNumberOfTickets">125</span> <span style="display: none;" class="TicketTitle">$1,000 Order</span> <span style="display: none;" class="TicketDescription"><p><strong>200 Chances to win</strong> </a> 

I would like to get the text of the first span element whose class name is 'TicketValue'. The entire html is a jquery object ie $html.

Answer 1

var text = $(".TicketValue").text();

Answer 2

There are many ways to get the text of the first span. Below uses span's class selector to select the first span. See below,

 $(function() { alert($('a.draw-ticket-wrap span.TicketValue').text()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a class="draw-ticket-wrap"> <span style="display: none;" class="TicketValue">1000</span> <span style="display: none;" class="TicketId">7</span> <span style="display: none;" class="TicketTotalNumberOfTickets">125</span> <span style="display: none;" class="TicketTitle">$1,000 Order</span> <span style="display: none;" class="TicketDescription"><p><strong>200 Chances to win</strong> </p></span> </a> 

Answer 3

这是根据您的条件的另一种方法

$html.find('.TicketValue')[0].innerText