创建一个jQuery插件,帮助选择一个父

时间:2011-09-28 09:01:21

标签: javascript jquery jquery-plugins

我正在为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')实际上不是父母。

1 个答案:

答案 0 :(得分:4)

你需要这个:

$(this).closest("form")

jQuery参考:http://api.jquery.com/closest/