Как найти нужный элемент в DOM по id?

Question

[Genri_Rus]

У меня с сервера приходит динамический объект (каждый раз меняется):


Чтобы получить размер, то я обращаюсь так: variation.attributes.attribute_pa_razmery
У меня есть 5 размеров

<div class=variants-item"><input type="radio" value="41" name="attribute_pa_razmery"></div>
<div class=variants-item"><input type="radio" value="42" name="attribute_pa_razmery"></div>
<div class=variants-item"><input type="radio" value="43" name="attribute_pa_razmery"></div>
<div class=variants-item"><input type="radio" value="44" name="attribute_pa_razmery"></div>
<div class=variants-item"><input type="radio" value="45" name="attribute_pa_razmery"></div>

Как я в dom могу получить именно текущий variants-item, если у меня есть variation.attributes.attribute_pa_razmery ?

Answer 1

[Александр]

Можно так

$('.variants-item input[value=' + variation.attributes.attribute_pa_razmery + ']')

Или даже так

$('input[name=attribute_pa_razmery][value=' + variation.attributes.attribute_pa_razmery + ']')

Comments

[Genri_Rus]

Спасибо, получается если у меня объект динамический, то это будет работать по типу this ?
Каждый раз будет выбираться разные инпуты ?

[Александр]

Genri_Rus,

Каждый раз будет выбираться разные инпуты ?

Да. Так как каждый раз в вашем объекте значения будут разные

[Genri_Rus]

Александр, спасибо, а можно еще один вопрос ? У меня с сервера в цикле выводятся размеры: И у меня получается такой эффект, когда я обновляю страницу, то первым делом проходит цикл на сервере, а потом только выполняется код И чекбокс все время слетает и так меняется, получается эффект мигания:
Может можно это как-то поправить, чтобы убрать эффект мигания ?

[Genri_Rus]

sashabeep, не, мне нужно его убирать )

Он по-умолчанию активный на сервере, а при выводе он исчезает и получается все время мигание

[Genri_Rus]

sashabeep, проблема в том, что размеры через цикл выводятся
А может можно как-то на сервере (когда цикл выводит размеры) получить variation.is_in_stock ?

foreach ( $terms as $term ) {
	if ( ! in_array( $term->slug, $options ) ) continue;
	if ( $args_variations_attributes[$counter] == $checked_name ) {
			$checked_name = '';
	}
	echo '<div class="variants-item"><input type="radio" value="' . strtolower($term->slug) . '" ' . checked( $checked_name, $term->slug, false ) . ' id="'. esc_attr( sanitize_title($attribute_name) ) . '_' . esc_attr($term->slug) .'" name="attribute_'. sanitize_title($attribute_name).'" class="variants-radio"><label for="'. esc_attr( sanitize_title($attribute_name) ) . '_' . esc_attr($term->slug) .'" name="attribute_'. sanitize_title($attribute_name).'">'.esc_html(apply_filters('woocommerce_variation_option_name', $term->name)).'</label></div>';
 }
}

[Genri_Rus]

sashabeep, наверно проще сделать проверку если на сервере $variation['is_in_stock'], то скрывать соответствующие инпуты, а далее в js при кликах по инпутам менять просто этот самый инпут