Получите ценность текста внутри пролета

Question

Я работаю с гибким плагином с jQuery. Итак, у меня есть Div с двумя элементами SPAN, они будут содержать текст/отображение текста для кнопок, которые предоставляет FlexIGRID. Проблема в том, что нет механизма для добавления идентификаторов в эти кнопки, за исключением добавления различного текста.

<div class="tdiv2>  
    <div class="fbutton">
        <div>
            <span class="view" style="padding-left: 20px;">Add</span>
        </div>
    </div>
    <div class="fbutton">
        <div>
            <span class="view" style="padding-left: 20px;">Delete</span>
        </div>
    </div>
</div>  

Вот как расположены кнопки. Итак, на этой кнопке, я получаю текст внутри пролета, как добавить и удалять. Теперь я хочу добавить тег класса в этот промежуток, чтобы различить активную кнопку и другую.

Поэтому я придумал идею, что если бы я мог получить Span-Text, который соответствует возвращению текста, я мог бы добавить класс в этот промежуток.

Но когда я сделаю

alert($('.tDiv2 span').html()); 

Я получаю только текст первого промежутка, а не второй. Может ли кто -нибудь помочь мне получить HTML обоих пролетов, а не только первый.

Answer 1

Попробуйте это>

$('.tDiv2 span').each(function(index, el) { alert($(el).html()); });

Answer 2

Тебе нужно каждый.

$('.tDiv2 span')each(function(node){ alert(node.html()); });

Тем не менее, я хотел бы отметить, что этот подход может вызвать проблемы с доступностью для пользователей чтения экрана. Если вам абсолютно необходимо повторно изобретать кнопки по какой-то причине, используйте Ария Атрибуты, чтобы у ваших слепых посетителей были надежды заставить его работать правильно.

Answer 3

JQuery автоматически выбирает первый элемент в серии, если вы попытаетесь получить свойство, такое как HTML или текст из него. Чтобы получить второе (или любое число) попробуйте:

alert($('.tDiv2 span').eq(1).html()); //returns 2nd element's html content

Вы можете заменить любой индекс на основе 0 в 1.