Question

我有2个函数additem和removeitem，我想点击删除按钮删除additem中创建的整行（注意：函数additem工作正常，但删除项目什么也没做，所以我相信问题只是在我的javascript代码中）< / p>

var sum =0 ;
var total=0 ;
var i = 1 ;

function additem ( name , price ) {
    document.getElementById("selecteditems").innerHTML += "<p class='selected"+i+"'  >"  +  name  +  " :   " + price + " L.E" ;
    document.getElementById("removebtn").innerHTML += "<p class='selected"+i+"'>" + "<button id='selected"+i+"' class='btn btn-danger' onclick='removeitem("+i+" , "+price+" ) ' style='font-size: 15px; height: 20px; padding: 0px 0px 0px 0px;' >Remove</button> " ;
    i++ ;
    sum += price ;
    }

function removeitem ( i , price ) {

    document.getElementsByClassName("selected"+i ).innerHTML="" ;
    sum -= price ;
    }

Answer 1

我尝试了这个解决方案并且有效。所以不要为多个元素使用一个id。为每个元素使用不同的id，在removitem函数中，我为每个元素使用了2个document.getElementById。这是根据我的代码的解决方案

var sum =0 ;
var total=0 ;
var i = 1 ;

function additem ( name , price ) {
    document.getElementById("selecteditems").innerHTML += "<p id='selected"+i+"'  >"  +  name  +  " :   " + price + " L.E" ;
    document.getElementById("removebtn").innerHTML += "<p id='B"+i+"'>" + "<button id='selected"+i+"' class='btn btn-danger' onclick='removeitem("+i+" , "+price+" ) ' style='font-size: 15px; height: 20px; padding: 0px 0px 0px 0px;' >Remove</button> " ;
    i++ ;
    sum += price ;
    }

function removeitem ( i , price ) {

    document.getElementById("selected"+i ).innerHTML="" ;
    document.getElementById("B"+i ).innerHTML="" ;
    sum -= price ;
    }

调用在另一个函数中创建的元素中调用的javascript函数

1 个答案: