Как изменить несколько элементов ввода с одним и тем же именем в посте Wordpress с помощью jQuery?

#javascript #jquery #wordpress #post

Вопрос:

Я могу изменить элемент ввода WordPress с другим именем. Как, например, следующий элемент ввода:

 <input class="wpProQuiz_button" type="button" value="Start Quiz" name="startQuiz">

можно изменить с помощью следующего кода jQuery:

 jQuery("input[name='startQuiz']").attr("value", "Start Mock Test");

Вопрос:

Как я могу сделать то же самое для следующего элемента ввода с тем же именем в WordPress?

 <input type="button" name="next" value="Next" class="wpProQuiz_button wpProQuiz_QuestionButton" style="float: right;">

<input type="button" name="next" value="Quiz-summary" class="wpProQuiz_button wpProQuiz_QuestionButton" style="float: right;">

Я использовал следующее для вышеперечисленных двух входных элементов, таких как :

 jQuery("input[name='next']").attr("value", "Next");
jQuery("input[name='next']").attr("value", "Test-summary");

Но это не работает. Как я могу это сделать?

Ответ №1:

используйте селекторы jQuery:

jQuery(«ввод[имя=’следующий’]:первый ребенок»).val(«zzzz»); jQuery(«ввод[имя=’следующий’]:n-й ребенок(2)»).val(«qqqqq»);

и имейте в виду «поплавок:правильно» 🙂

дополнительные примеры здесь: https://api.jquery.com/category/selectors/child-filter-selectors/