Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用动态创建的具有唯一id的jQuery删除div?_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用动态创建的具有唯一id的jQuery删除div?

Javascript 如何使用动态创建的具有唯一id的jQuery删除div?,javascript,jquery,Javascript,Jquery,如何使用动态创建的具有唯一id的jQuery删除div? 我正在尝试使用下面的代码,但它不起作用。 HTML代码 <div class="div-roomcart" id="divOAK1AKL"> <div class="div-roomcart-hotel"> <div class="div-roomcart-hotelname">Eden Park Bed And Breakfast</div> <div class

如何使用动态创建的具有唯一id的jQuery删除div?
我正在尝试使用下面的代码,但它不起作用。

HTML代码

<div class="div-roomcart" id="divOAK1AKL">
  <div class="div-roomcart-hotel">
    <div class="div-roomcart-hotelname">Eden Park Bed And Breakfast</div>
    <div class="div-roomcart-roomtype">Single Standard</div>
  </div>
  <div class="div-roomcart-room">
    <div class="div-roomcart-roomprice">14058.26</div>
    <div class="div-roomcart-roomaction">
        <input type="submit" id="submit" value="Remove" class="btnbook" onclick="removeroom(divOAK1AKL)">
    </div>
</div>

无需再次用单引号将选择器括起来

function removeroom(hotelcode){
   $("#" + hotelcode).remove();
}

这将使选择器无效。您还可以为它使用专用的事件处理程序,而不是使用
内联事件处理程序。内联事件处理程序有更多的缺点,其中最重要的是维护。

无需再次用单引号将选择器括起来

function removeroom(hotelcode){
   $("#" + hotelcode).remove();
}
这将使选择器无效。您还可以为它使用专用的事件处理程序,而不是使用
内联事件处理程序。内联事件处理程序有更多的缺点,其中最重要的是维护。

没有Jquery

功能删除程序(hotelCode){
hotelCode的类型==“object”?hotelCode.remove():document.getElementById(hotelCode.toString()).remove();
}

伊甸园食宿酒店
单一标准
14058.26
没有Jquery

功能删除程序(hotelCode){
hotelCode的类型==“object”?hotelCode.remove():document.getElementById(hotelCode.toString()).remove();
}

伊甸园食宿酒店
单一标准
14058.26
试试这个

function removeroom(hotelcode){
   $("#" + hotelcode).remove();
}

只要用选择器通过参数表就行了
喜欢

 removeroom("#hotelcode"); // calling function hare.

 function removeroom(hotelcode){
    $(hotelcode).remove();
 }
试试这个

function removeroom(hotelcode){
   $("#" + hotelcode).remove();
}

只要用选择器通过参数表就行了
喜欢

 removeroom("#hotelcode"); // calling function hare.

 function removeroom(hotelcode){
    $(hotelcode).remove();
 }

是的,它正在工作,但hotelcode将是int,它可以是string,这并不是固定的。@AjayKumar当您将一个数字与一个字符串连接起来时,它将成为一个字符串。所以你不必担心。当hotelcode变成字符串时,它不会起作用。@AjayKumar好的,那时你的html是什么样子的?@AjayKumar那么你的html应该是
onclick=“removoom('divOAK1AKL')”>
如果您不这样给出,则将抛出引用错误是的,它正在运行,但hotelcode将为int这一点并不是固定的,它可以是string。@AjayKumar当您将一个数字与一个字符串连接起来时,它将成为一个字符串。所以你不必担心。当hotelcode变成字符串时,它不会起作用。@AjayKumar好的,那时你的html是什么样子的?@AjayKumar那么你的html应该是
onclick=“removoom('divOAK1AKL')”>
如果您不这样给出,则会出现引用错误。您可以再次检查它吗?当hotelcode将成为字符串时,它不起作用。您可以再次检查它吗?当hotelcode将成为字符串时,它不起作用