如何使用 jQuery 更改 Wordpress 帖子中的多个同名输入元素？

Question

我可以用不同的名称更改 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");

但它不起作用。我该怎么做？

Answer 1

使用 jQuery 选择器：

jQuery("input[name='next']:first-child").val("zzzz"); jQuery("input[name='next']:nth-child(2)").val("qqqqq");

记住“float:right”:)

更多示例：https://api.jquery.com/category/selectors/child-filter-selectors/