Question

如何使用唯一ID动态创建的jQuery删除div？
我试图使用下面的代码，但它不起作用。

HTML CODE

<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>

我必须删除多个div onclick =＆＃34; removeroom（代码）＆＃34; 这是一个jQuery函数，下面是jQuery代码

removeroom.js中的jQuery代码

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

Answer 1

无需再使用单引号

包裹选择器

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

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

Answer 2

没有Jquery，

＆＃13;

parser = new DOMParser(); // create your DOMParser

// the next line creates a "document" element with an <a> tag inside it
parsed_page = parser.parseFromString('<a href="test">click here</a>', 'text/html'); 

link = parsed_page.getElementsByTagName('a')[0]; // locate your <a> tag

link.href; // this line returns ""

link.getAttribute('href'); // this line returns "test"

＆＃13;

function removeroom(hotelCode) {
  typeof hotelCode == 'object' ? hotelCode.remove() : document.getElementById(hotelCode.toString()).remove();


}

＆＃13;

希望这会有所帮助.. :)

Answer 3

尝试这个

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

或

只需用选择器传递参数
像

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

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

如何使用唯一ID动态创建的jQuery删除div？

3 个答案: