Блог

Я создаю плагин для jQuery для создания красивых полей выбора (я знаю, что некоторые из них есть, но для меня это учебный опыт).

Если все пойдет хорошо, я сделаю плагин общедоступным, поэтому я пытаюсь сделать его как можно более гибким, и по этой причине я изо всех сил пытаюсь выбрать родительский form элемент, в котором находится то, на select что я пытаюсь нацелиться. Независимо от того, как пользователь настраивает там HTML, я хочу иметь возможность выбирать родительский form элемент.

Ниже мой HTML,

     <div class="grid_6 alpha quick_search">
        <h3>Quick Search Talent</h3>
        <form action="http://urbantalent.tv.local/search/quick" method="post" accept-charset="utf-8" class="quick_form"><div style="display:none">
            <input type="hidden" name="csrf_urbantalent" value="a8db11249b37322da84d3a211a933b19" />
</div>
            <div class="formRow drop_down">
                <select name="type">
                    <option value="0" selected="selected">I'm looking for...</option>
                    <option value="1">actors</option>
                    <option value="2">presenters</option>
                    <option value="3">voice overs</option>
                </select>
             </div>
            <button type="submit" name="submit_search"><img src="http://urbantalent.tv.local/media/images/site/quick_submit.png" /></button>
        </form>
    </div>
  

Как вы можете видеть из этого HTML, на самом деле выбирается родительский элемент, .formRow как я могу выбрать только родительскую форму, я пытался это сделать,

$(this).parent('form') однако это не работает, поскольку мы знаем, что form на самом деле это не родительский модуль.

Вам нужно это:

 $(this).closest("form")
  

Ссылка на jQuery: http://api.jquery.com/closest /