Как выбрать динамически значение с помощью jQuery

Question

У меня есть значение, которое динамически добавляется к элементу. Поэтому мой HTML выглядит следующим образом:

<div class="some_class value0">
  <div>
    100,00 €
  </div>
</div>

Этот value0 может быть любым числом, например value150 или value201, в основном любым числом от 0 - ∞.

Итак, мой вопрос: как я могу выбрать это значение с помощью jQuery?

Могу ли я сделать это так:

var select = $('.value[^=]');

Answer 1

Если вы можете переместить класс значений в начало в вашем html, то вы можете использовать атрибут , начинающийся с селектора :

jQuery("[class^='value']")

В противном случае вам придется использовать атрибут содержит селектор

jQuery("[class*='value']")

Однако это может включать в себя вещи с таким классом, как no-value или что-то еще, что имеет value в любом месте своего класса

Предпочтительным вариантом было бы просто дать всем этим элементам общий класс и использовать вместо этого

Answer 2

Вы можете использовать jQuery начинается с селектор.

var all_selected = $('[class^="value"]')

Это даст вам все элементы, имеющие класс, начинающийся с "value". Затем вы можете выполнить l oop и получить значение каждого элемента.

Answer 3

Вы можете сгенерировать такой элемент:

<div class="some_class value" id="value0">
  <div>
    100,00 €
  </div>
</div>

Выбрать все классы значений с помощью:

const values = document.querySelectorAll(".value")

И теперь вы можете выбрать каждое отдельное значение из идентификатора:

values.forEach(value => console.log(value.id))

Answer 4

Я вижу из вопроса, что вы хотите выбрать значения с классом, как ".value1, .value2, .value123" и так далее. Так почему бы вам не выбрать значения по имени второго класса, которое вы указали?

Как var selectedDomData = $ ('. Some_class'). Text ();