Question

I’m trying to get the value of a SPAN when user change the active header element and also trigger a $.ajax call. I have this code: http://pastebin.com/rxQRSADQ and the value I get on change event is the value contained in the SPAN with class: selected-center-open-ticket-label but I just need the number “1” and not the entire value meaning “Ticket: 1”. Can any help me?

Answer 1

If it is consistently “Ticket: ” then you can use substr(8).

EDIT:

Demo: http://jsfiddle.net/SO_AMK/6dkh6/

jQuery:

$('.selected-center-open-ticket').click(function() {
    alert($(this).find(".selected-center-open-ticket-label").text().substr(8));
});​

HTML:

<div id="tickets-accordion">
    <div class="selected-center-open-ticket">
        <a href="#"><img src="/assets/img/admin/icon/icon2.png" alt="Close" title="Close" class="max-icon" width="21" height="17" /></a>
        <img src="/assets/img/admin/foto-2.jpg" alt="Username" title="Username"
        class="avatar" />
        <span class="selected-center-open-ticket-label">Ticket: 1</span>
        <span class="selected-center-open-ticket-store">La Trinidad</span>
        <span class="selected-center-open-ticket-user">Reynier Perez Mira</span>
    </div>
    <div class="selected-center-open-ticket">
        <a href="#"><img src="/assets/img/admin/icon/icon2.png" alt="Close" title="Close" class="max-icon" width="21" height="17" /></a>
        <img src="/assets/img/admin/foto-2.jpg" alt="Username" title="Username"
        class="avatar" />
        <span class="selected-center-open-ticket-label">Ticket: 2</span>
        <span class="selected-center-open-ticket-store">Boleíta</span>
        <span class="selected-center-open-ticket-user">Reynier Perez Mira</span>
    </div>
</div>​