Javascript jquery删除前置元素不起作用

基本上，我想有两个函数。第一个是一个元素

div

，其中包含一些ajax数据和一个可以启动关闭功能的按钮。第一个函数完成了我希望它完成的所有操作，只是我在应用上的

onclick

属性时遇到了问题，单击该属性将触发remove函数

但是独立于此，我无法让

删除函数

工作

如果你能帮我做得更好，我将不胜感激

function displayCrRef(refPid, refFs, pidOfReferringP) {

    $.get("crRefParaExtract.php", {
        pid: refPid,
        fs: refFs
    }, function(data) {

        $("#pwrap_" + pidOfReferringP).prepend("<div id='#crRef_" + refPid + "' style='float: left;  width: 350px; margin-right: 60px; padding: 10px; background-color: #E6EDE8'>" + "<a id='crossRefRemoveButton'>Return to normal text</a>" + data + "</div>");


    });
    var rmFxnParam = "'" + refPid + "'";
    $("#crossRefRemoveButton").attr("onclick", "removeCrossRef(" + rmFxnParam + ")");
    $("#" + pidOfReferringP).css({
        float: 'left',
        width: '425px'
    });
    $("#menu_" + pidOfReferringP).css({
        float: 'none',
        clear: 'both'
    });
   }


   function removeCrossRef(refPid) {
       $("#crRef_" + refPid).remove();

   }​

函数显示CRREF（refPid、refFs、PIDOFRERRERINGP）{
$.get（“crRefParaExtract.php”{
pid:refPid，
fs:refFs
}，函数（数据）{
$（“#pwrap"+pidoreferringp）.prepend（“+”返回正常文本“+数据+”）；
});
var rmFxnParam=“””+refPid+“”；
$（“#crossRefRemoveButton”）.attr（“onclick”、“removeCrossRef”（+rmFxnParam+）；
$（“#”+pidoreferringp）.css({
浮动：'左'，
宽度：'425px'
});
$（“#菜单"+PidoRefreringp）.css({
浮动：“无”，
清楚：“两者都是”
});
}
函数removeCrossRef（refPid）{
$（“#crRef"+refPid）.remove（）；
}​

以

#

开头的id无效。我认为您将id值与jQuery的CSS选择器混淆了

[hashTag]+[ID of Element]=CSS ID选择器

这应该起作用：

function displayCrRef(refPid, refFs, pidOfReferringP) {

    ...
    // Remove the hash tag here: id='crRef_" + refPid + "'
    $("#pwrap_" + pidOfReferringP).prepend("<div id='crRef_" + refPid + "' style='float: left;  width: 350px; margin-right: 60px; padding: 10px; background-color: #E6EDE8'>" + "<a id='crossRefRemoveButton'>Return to normal text</a>" + data + "</div>");
    ...

}

function removeCrossRef(refPid) {
    $("#crRef_" + refPid).remove();
}​

函数显示CRREF（refPid、refFs、PIDOFRERRERINGP）{
...
//删除此处的散列标记：id='crRef_'+refPid+''
$（“#pwrap"+pidoreferringp）。前缀（“+”
以
#
开头的id无效。我相信您将id值与jQuery的CSS选择器混淆了

[hashTag]+[ID of Element]=CSS ID选择器

这应该起作用：

function displayCrRef(refPid, refFs, pidOfReferringP) {

    ...
    // Remove the hash tag here: id='crRef_" + refPid + "'
    $("#pwrap_" + pidOfReferringP).prepend("<div id='crRef_" + refPid + "' style='float: left;  width: 350px; margin-right: 60px; padding: 10px; background-color: #E6EDE8'>" + "<a id='crossRefRemoveButton'>Return to normal text</a>" + data + "</div>");
    ...

}

function removeCrossRef(refPid) {
    $("#crRef_" + refPid).remove();
}​

函数显示CRREF（refPid、refFs、PIDOFRERRERINGP）{
...
//删除此处的散列标记：id='crRef_'+refPid+''
$（“#pwrap_uu”+pidoreferringp）.prepend（“+”
哦，天哪，这是一个多么愚蠢的错误。你不知道我把头撞在墙上已经多久了。但是
.attr
似乎仍然不起作用。尽管我觉得我早就有了这个方法，即使它不是一个非常优雅的方法。@Jeff，每个人都会遇到这种情况。当然，自从上次以来我就没有遇到过：）哦，天哪，这是一个多么愚蠢的错误。你不知道我把头撞在墙上已经多久了。但是
.attr
似乎仍然不起作用。虽然我觉得我早就用过这个方法，即使它不是一个非常优雅的方法。@Jeff，每个人都会这样。当然，自从上次以来，我就没有这样做过：）为什么给它一个负1？？是的，我想知道为什么它不起作用。出于学习目的，我可以给它一个负2，如果这有帮助的话……nvm我没有投票权：d.jQuery对象没有方法
。addEventListener
。他们有方法
。on
。这可能是一个原因。对不起，我没有机会解释my否决投票。这并没有解决实际问题——ID属性的命名约定不正确。基本上，它不会解决问题哦！所以如果您先将其转换为DOM元素？或者只选择DOM元素？document.getElementById（“crossRefRemoveButton”）。addEventListener（…为什么给它一个负1？？是的，我想知道为什么不起作用。出于学习目的，我可以给它一个负2，如果这有帮助的话…nvm我没有投票权：d.jQuery对象没有方法
。addEventListener
。他们有方法
。on
。这可能是一个原因。抱歉，我没有机会解释一个在我的否决票中。这并没有解决实际问题-ID属性的命名约定不正确。基本上，它不会解决问题哦！所以如果您先将其转换为DOM元素？或者只选择DOM元素？document.getElementById（“crossRefRemoveButton”）。addEventListener（。。。