我正在为jQuery创建一个插件来创建漂亮的选择框(我知道那里有一些,但这对我来说是学习经验)。
如果一切顺利,我会将插件重新发布给公众,所以我试图尽可能灵活地构建它,因此我很难选择容纳{{1}的父form
元素我试图瞄准的。无论用户如何设置HTML,我都希望能够选择父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>
我如何才能选择父表单,我试过这样做,
.formRow
但是这不起作用,因为我们知道$(this).parent('form')
实际上不是父母。