如何使用 Jquery 选择多个字段？

Question

我目前有一个表单正在显示我不希望它显示的字段。一个表单关联了 3 个输入字段，并且同一个表单被多次渲染。

我设置了我的模板以检查何时这只是一个值。我需要更改它，以便模板检查所有存在的值，然后决定渲染。

例如，

我有，

Div_id_form-0-x, div_id_form-0-y, div_id_form-0-z, div_id_form-0-location__location_category__requires_coordinates

我可以使用什么选择器来获取所有这些以在我的模板中使用？

我需要为每个表单获取它们。在它说 form-0 的地方，我重复了其中的几个表单。

然后在 HTML 中我有这样的东西。

 $(function () {
            // Determine weather we are in a modal window.
            var context = $("#{{ contextId }}-form");

            console.log("this is the {{ contextId }}" )

            // Show required coordinates if location category requires them.
            context.find("#id_location__location_category__requires_coordinates").change(function () {
                if (context.find("#id_location__location_category__requires_coordinates").val() == 'Y') {
                    context.find('#id_needs_coordinates').removeClass('hide');
                } else {
                    context.find('#id_needs_coordinates').addClass('hide');
                }
            });

        });

现在这只是检查一个值来确定是否隐藏。我需要它来检查所有这些的这个值。这就是为什么我正在寻找可以做到这一点的 Jquery 选择器。

Answer 1

如果你想要一个 ID 选择器，你可以使用：

$("#Div_id_form-0-x, #Div_id_form-0-y, #Div_id_form-0-z, #Div_id_form-0-location__location_category__requires_coordinates")

请看：https://api.jquery.com/id-selector/

更新

以后，请澄清整个问题并提供适当的例子。

您可以使用属性选择器。

$("[id^='Div_id_form-']")

这将选择所有 ID，例如：

• Div_id_form-0-x
• Div_id_form-1-x
• Div_id_form-2-x

然后您将选择所有这些元素。

查看更多：https://api.jquery.com/category/selectors/attribute-selectors/