[英]always 1st item get deleted when ever i tap on the delete button not the particular item which i want to delete
app.get('/delete', function(req, res, next) { var id = req.query.id; console.log(id); MongoClient.connect(dburl, function(err, db) { if(err) { throw err; } db.collection('shopping_list', function(err, products) { products.deleteOne({_id: mongodb.ObjectID(id)}); if (err){ throw err; }else{ //console.log("deleted"); db.close(); } }); }); });
<body> <h1> Shopping List </h1> <img src="images/cart.png" id="cart"> <div class="text"> <input type="search" placeholder="Find" id="find"/> <a href="http://www.google.com"><input type="submit" id="find" value="Search" style="background-color: #a3a3c2 ;color:white; width:170px;"></a> </div> <form action="/add" method="POST"> <div class="f"> <a href="http://www.facebook.com"><img src="images/fc.jpg" class="follow"></a> <a href="http://www.twitter.com"><img src="images/twt.jpg" class="follow"></a> <a href="http://www.instgram.com"><img src="images/ins1.jpg" class="follow"></a> </div> <div class="container"> <div class="row"> <div class="col-md-4"> <label style="margin-left: 20px;">Shopping item</label>             <label>Quantity</label> </div> </div> <div class="row"> <div class="col-md-8"> <input type="text" id="item" name="item"/>     <input type="text" id="quan" name="quan"/>     <input type="submit" id="submit" value="Add item" style="background-color: #a3a3c2 ; color:white; width:170px;" /> </div> </div> </div> </form> <div class="container"> <div class="row"> <div class="col-md-12"> <table id="tbody"> <tr> <th>Item</th> <th>Quantity</th> </tr> </table> </div> </div> </div> <button id="btn" style="background-color: #a3a3c2 ; color:white; width:170px; margin-left:807px; margin-top:30px;">Clear</button> <script> $(function() { // GET $.ajax({ url: '/render', type: 'get', dataType: 'json', success: function(data) { for (var i = 0; i < data.length; i++) { var trHTML = ''; trHTML += '<tr>'; trHTML += '<td style="display:none" id="id">' +data[i]._id +'</td>'; trHTML += '<td >' + data[i].item + '</td>'; trHTML += '<td >' + data[i].quantity + '</td>'; trHTML += '<td >' + '<button class="delete-button" style="background-color: #a3a3c2 ; color:white; width:170px; margin-left:370px;">Delete</button>' + '</td>'; trHTML += '</tr>'; $('#tbody').append(trHTML); } } }); $(document).ready(function(){ $('table').on('click', '.delete-button', function() { alert("Confirm delete"); var id=$('#id').html(); console.log(id); //var rowEl = $(this).closest('tr'); //var id = rowEl.find('.id').text();*/ $.ajax({ url: '/delete', type: 'get', dataType: 'json', data:{id:id}, success: function(data) { alert("deleted"); //$(this).closest('tr').remove(); } }); }); });
每當我使用刪除按鈕但我希望刪除特定項目時，位於數據庫頂部的每次項目都會被刪除。 因為我為每個項目提供單獨的刪除按鈕，所以我也面臨相同的問題。
這行是問題所在：
var id=$('#id').html();
因為您有多個ID為“ id”的單元格，所以此分配選擇了第一個。 更改為此：
var id = $(this).parent().siblings('#id').text();
在與刪除按鈕相同的行中獲取“ id”單元格的內容。
當我想刪除列表中的一項時，所有內容都會被刪除 Expo, React Native
[英]When i want to delete one item in my list, everything gets deleted Expo, React Native
為什么@keyfame animation 屬性欺騙到下面的列表項？ 我想使用 React js 刪除要在單擊按鈕時刪除的列表項
[英]Why the @keyfame animation property tricking down to below list item? I want to delete a list item to be deleted upon button click using React js
如何在菜單頂部添加標題和關閉按鈕（在 material-ui 中單擊時，在按鈕菜單中的第一項上方？
[英]How do I add a title and close button to the top of a menu (above the 1st item in a button menu when clicked in material-ui?
我想做一個條件，如果我從第一個下拉列表中選擇這個項目，它會只顯示我在第二個下拉列表中選擇的項目
[英]I want to make a condition in which if I select this item from 1st drop down show it shows me only selected items in 2nd drop down
在第二個按鈕上單擊，我希望第一個以及第二個按鈕被着色
[英]onclick on 2nd button,i want 1st as well as 2nd button to be get coloured
如何使同樣使用列表項創建的按鈕起作用？ 我希望它刪除數組的當前項。 每個項目都有自己的按鈕
[英]How do i make the button that's also created with the list item work? I want it to delete the current item of the array. Each item has it own button
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.