jquery - 如何使用jquery在全局下拉列表旁边添加图标按钮

Question

我正在开发一个 MVC4 Web 应用程序。一切正常，但在项目结束时我收到了一个新要求，其中我必须在近 20 个页面上的每个下拉列表旁边显示一个加号图标。

在上图中的项目下拉列表中，我手动添加了图标。但我想在整个项目中存在的每个下拉列表中添加此图标。单击此图标后，将打开一个弹出窗口，其中包含一个文本框。用户将在其中输入新项目并保存。

页面的常见结构是:

<div runat="server" id="divFormLayout" class="formLayout">
<div class="TabSectionL" style="width: 99%">
        <span class="TabSectionHeader">Item Details</span>
        <table cellpadding="4" cellspacing="4">
            <tr>
                <td>
                    Item
                </td>
                <td>
                    @if (ViewData["ItemDesc"] != null)
                    {
                        @Html.DropDownListFor(m => m.str_itemdsc, (SelectList)(ViewData["ItemDesc"]), "-Select-", new { @class = "validate[required] cairs_item_dropdown", tabindex = "1" })

                    }
                    else
                    {
                        @Html.DropDownList("str_itemdsc", new SelectList(""), "", new { tabindex = "1" })
                    }

                </td>
        </tr>
        </table>
    </div>
</div>

问题:我如何在每个下拉列表旁边动态添加加号图标。

Answer 1

像这样:

$("select").each(function(){
    $("<a class='icon or whatever'></a>").insertAfter($(this));
});