代码之家 › 专栏 › 技术社区 › Anders

元素未定义jQuery$(Element).remove()

dom asp.net-mvc jquery javascript

Anders · 技术社区 · 17 年前

var fieldCount = 0;
function addField() {
    var name = 'file' + fieldCount;
    var row = 'row' + fieldCount;
    var str = '<p id="' + row + '"><label for="' + name + '">File to upload: <input type="file" name="' + name + '" id="' + name + '" />(100MB max size) <a onclick="removeRow(' + row + '); return false;">[-]</a></label></p>';
    fieldCount++;
    $("#fields").append(str);
};
function removeRow(id) {
    $(id).remove();
};

<form id="ajaxUploadForm" action="<%= Url.Action("AjaxUpload", "Upload")%>" method="post" enctype="multipart/form-data">
    <fieldset id="uploadFields">
        <legend>Upload a file</legend>
        <div id="fields"></div>
        <input id="ajaxUploadButton" type="submit" value="Submit" />            
    </fieldset>
    <a onclick="addField(); return false;" id="add">Add</a>
    <div id="resultBox">
        <p id="status" style="margin:10px;"></p>
    </div>
</form>

这 addFields row# 未定义,其中 #

3 回复 | 直到 5 年前

Gumbo 17 年前

# ID ),要么在 removeRow call(另请注意ID选择器周围的引号):

'<a onclick="removeRow(\'#' + row + '\'); return false;">'

或者在 removeRow 功能本身:

function removeRow(id) {
    $("#" + id).remove();
};

Greg 17 年前

您还需要使用“#”将其设置为选择器:

var str = '... <a onclick="removeRow(\'#' + row + '\'); return false;">...';

更好的方法是将onclick赋值为函数(不确定jQuery的方式,但可以用纯Javascript实现):

var a = document.createElement('a');
a.onclick = (function(row)
{
    return function()
    {
        removeRow(row);
        return false;
    };
})();

cgp 17 年前

您正在传入的字符串值为 row12

$('#'+row).remove()

这 # 指定您正在寻找 ID 。我同意我认为其他答案之一即将说的话,你应该使用 onclick 自然事件 this 关键字改为:

<p onclick="remove(this)">something</p>

function remove(what) {
  $(what).remove()
}

或者,也许干脆把整件事都忘了,转而处理这类行:

$('.removableRow').live('click', function() {$(this).remove()});

然后,您只需指定该行是可移动的,根本不必担心绑定事件:

<p><a class="removableRow" href="#">Remove</a></p>

推荐文章

Robo Robok · 为什么我无法使用Dom\HTMLDocument搜索标签?

1 年前

Y-jiji · 调整大小时替换了假选择

1 年前

LLScheme · 无法使用Playwright&Pyppeteer找到关键字

1 年前

Konrad Viltersten · 无法修改ViewContainerRef的内部内容,只能在Angular中添加标签

1 年前

Eric G · 如何将svg文本元素垂直居中?

2 年前

Nail Val · 当条件通过时,If语句不显示console.log,并按意外情况继续工作

2 年前

Juan Lanus · 如何获取对所选内容的DOM元素的引用

2 年前

huz3y · addEventListener不适用于从javascript添加的新类所选的元素

2 年前

Toby Hogan · 元素React状态更改后未在DOM中更新

2 年前

user23745914 · 能够访问javascript中的dom元素,而无需显式定义查询选择器

2 年前