jquery - 如何选择<input/>字段周围的外部？

Question

我正在使用 jQuery 进行第一步，需要帮助来为我的问题选择合适的选择器。我的 Django 模板中有以下 HTML:

{% for field in form %}

    <div class="control-group">

        <label class="control-label" for="{{ field.label }}">{{ field.label }}</label>

        <div class="controls">

            {% if field.html_name == "field_1" %}

                <input class="input-xlarge" id="{{ field.label }}" type="text" name="{{ field.html_name }}" />

            {% elif field.html_name == "field_2" %}

                <input class="input-mini" id="{{ field.label }}" type="text" name="{{ field.html_name }}" />

            {% endif %}

        </div>

    </div>

{% endfor %}

我需要对 <input /> 做一些事情我有以下选择器的字段:

var $inputField1 = $('input[name="field_1"]');
var $inputField2 = $('input[name="field_2"]');

我现在的问题是我需要能够选择 <div class="control-group"></div>对于特定的<input />字段以更改此 <div> 的类。我怎么做？我需要 parent selector为了那个原因？我有点困惑。请帮忙。非常感谢!

Answer 1

仅使用选择器是无法做到这一点的。您需要像当前一样选择输入元素，然后使用 .closest() method获取祖先 div:

var controlGroup = $('input[name="field_1"]').closest('.control-group');