Jquery 选择一个div并追加数据

我有以下表格

<form action="" class="ink-form">
    <fieldset class="">
        <div class="control-group required">
            <div class="column-group gutters">
                <label for="name" class="large-15 content-right">Link</label>
                <div class="control large-60 append-button">
                    <span><input name="link" type="text" id="name"></span>
                    <button id="convert" class="ink-button"><i class="icon-search"></i> Convert</button>
                </div> 
            </div>
        </div>
    </fieldset>
    <div class="large-15"></div>
    <div id="alertBox" teste="POP" class="large-50 medium-50 small-100">

    </div>
</form>

并使用

alertMessage（$（form）.find（'div[id=alertBox]），“success”，“O ficheiro foi importado com successo！”）调用它但现在它不在新项目上工作。我不知道它是否与jQuery新版本有关，或者是一个错误：s

jsiddle:
尝试将您的Javascript更新为以下内容（看起来jsiddle本身不喜欢不特定的“表单”选择器）：


不过，我想重申一下其他人的看法：


HTML
中的ID应该是唯一的，否则使用带有
.selector
s的类
将选择器更改为
$（'#alertBox'）
问题在于此

var form = $(this).parentsUntil("form");

根据

描述：获取当前匹配元素集中每个元素的祖先，最多包括但不包括选择器、DOM节点或jQuery对象匹配的元素

因此，这将返回此元素
，而此元素不包含
警报框
，因此您可以使用此选择器

$(form).find('div[id=alertBox]')

找不到任何元素

将paerentsUntil选择器更新为

var form = $(this).parents("form")[0];

然后，它将工作或更好地提供一些id选择器和直接选择

<form id='sample' ...> $('#sample')

$（“#示例”）

选中“为什么不使用：alertMessage（$（“#alertBox”），“success”，“O ficheiro foi importado com successo！”）；我想我是用JSFIDLE来复制它的。我想更改与我正在处理的表单相关的alertbox。id必须是HTML文档的唯一id，所以像$（form.find（'div[id=alertbox]）这样的东西没有意义。
var form = $(this).parents("form")[0];

<form id='sample' ...> $('#sample')