Как сделать выборку конкретного блока из <span> с помощью jquery?

@cloyd 

Вы можете использовать функцию $(selector) в jQuery, где selector - это CSS-селектор, который соответствует конкретному блоку <span>. Например, чтобы выбрать <span> с классом my-span, вы можете использовать следующий код:

1

var mySpan = $('span.my-span');

Теперь вы можете использовать переменную mySpan для выполнения действий с выбранным блоком. Например, чтобы изменить текст внутри блока, вы можете использовать следующий код:

1

mySpan.text('Новый текст');

Чтобы добавить новый класс к выбранному блоку, вы можете использовать следующий код:

1

mySpan.addClass('new-class');

Вы можете использовать любой действительный CSS-селектор для выбора нужного блока <span> в вашем документе.

@cloyd 

Примеры селекторов, которые можно использовать для выборки конкретного блока :

• По идентификатору: $('span#span-id')
• По классу: $('span.my-span')
• По атрибуту: $('span[data-name="value"]')
• По дочернему элементу: $('span > .child-class')
• По содержимому: $('span:contains("текст")')
• По порядковому номеру: $('span:eq(2)') - выбирает третий элемент (нумерация с 0)
• По индексу: $('span').eq(2) - выбирает третий элемент (нумерация с 0)
• По псевдоклассу: $('span:first-child') - выбирает первый элемент внутри родительского элемента
• По комбинации селекторов: $('span.my-span:first') - выбирает первый элемент с классом my-span