在这种特殊情况下，如何使用Jquery获取标签的文本？

Question

For example in the code below , I would like get the text Salutation of a the label tag with class description in the code below , tried to select the class but it's not working .. how can I select the text of the label uniquely according to the id of the label ?

<tr id="salutation_id" class="edit_tr" border="0">
    <td class="edit_td">
    <div id="salutation_id" class="unique_ids database_key">
    <span id="first_salutation_id">
    <h1 class="ui-widget-header">
    <label id="label_salutation_id" class="description">Salutation</label>
    </h1>
    </span>
    <input id="first_input_salutation_id" class="editbox" type="text" value="Salutation" style="display: none;">
    <div class="ui-widget-content">
    <ol class="ui-droppable ui-sortable" style="">
    <li class="placeholder">Add "Salutation" here</li>
    </ol>
    </div>
    </div>
    </td>
    </tr>

Answer 1

If you want to get it with ID , this is the way: $('#label_salutation_id').text() .

You mention "with class description", then you can use this: $('label.description').text(); if you just have one <label> element with that class.

Demo here

Answer 2

Even better :

var label = document.getElementById('label_salutation_id'),
    text = label.textContent || label.innerText;

Answer 3

If you meant to select more than this one salutation, you can use:

jQuery('label.description')

to select all label elements with the class description .