刪除（）函數不刪除ul列表中的項目

Question

我已經在下拉菜單上創建了一個javascript函數選擇它添加元素並計算添加產品的總量現在我想在這裏做的是使一個函數刪除產品從下拉列表中添加，但是當我點擊刪除按鈕時，我們只刪除選定的按鈕，而不是通過單擊按鈕刪除我希望刪除的行。您可以查看這個小提琴，會明白什麼是它https://jsfiddle.net/h1k6mohs/，也是我的腳本不工作可能是因爲它不是要求到低於功能是我的PHP腳本文件

回事

控制器 Home.php

public function addpart() { 
      $part  = $this->input->post('parts'); 
      $part_modify = explode(")", $part); 
      $part_id  = $part_modify[0]; 
      $old_price = $this->input->post('old_price'); 
      $old_minutes = $this->input->post('old_minutes'); 
      $data  = $this->get_data->data_cart($part_id, $old_price, $old_minutes); 
      echo $data; 
     } 

     public function removepart() { 
      $part_id  = $this->input->post('partid'); 
      $old_price = $this->input->post('old_price'); 
      $old_minutes = $this->input->post('old_minutes'); 
      $data  = $this->get_data->delete_part($part_id, $old_price, $old_minutes); 
      echo $data; 
     } 

型號 Get_data.php

public function data_cart($part_id, $old_price, $old_minutes) { 
     $get_data = $this->db->get_where('rapair_parts', array('id' => $part_id)); 
     $total_minutes = $get_data->row()->repair_time + $old_minutes; 
     $total_price = $get_data->row()->part_price + $old_price; 

     $html = '<div class="col-xs-12">'; 
     $html .= '<div class="col-xs-6">Repair time</div>'; 
     $html .= '<div class="col-xs-6">'.$total_minutes.' mins</div></div>'; 
     $html .= '<input type="hidden" id="minutes_parts" value="'.$total_minutes.'" />'; 
     $html .= '<div class="col-xs-12">'; 
     $html .= '<div class="col-xs-6">Discount</div>'; 
     $html .= '<div class="col-xs-6">'."&pound;".'0.00</div></div>'; 
     $html .= '<div class="col-xs-12">'; 
     $html .= '<div class="col-xs-6">Total</div>'; 
     $html .= '<div class="col-xs-6">&pound;'.$total_price.'</div></div>'; 
     $html .= '<input type="hidden" id="price_parts" value="'.$total_price.'" />'; 

     return $html; 
    } 

    public function delete_part($part_id, $old_price, $old_minutes) { 
     $get_data = $this->db->get_where('rapair_parts', array('id' => $part_id)); 
     $total_minutes = $get_data->row()->repair_time - $old_minutes; 
     $total_price = $get_data->row()->part_price - $old_price; 

     $html = '<div class="col-xs-12">'; 
     $html .= '<div class="col-xs-6">Repair time</div>'; 
     $html .= '<div class="col-xs-6">'.$total_minutes.' mins</div></div>'; 
     $html .= '<input type="hidden" id="minutes_parts" value="'.$total_minutes.'" />'; 
     $html .= '<div class="col-xs-12">'; 
     $html .= '<div class="col-xs-6">Discount</div>'; 
     $html .= '<div class="col-xs-6">'."&pound;".'0.00</div></div>'; 
     $html .= '<div class="col-xs-12">'; 
     $html .= '<div class="col-xs-6">Total</div>'; 
     $html .= '<div class="col-xs-6">&pound;'.$total_price.'</div></div>'; 
     $html .= '<input type="hidden" id="price_parts" value="'.$total_price.'" />'; 

     return $html; 
    } 

請幫我出這個錯誤，請

Answer 1

Chrome中的元素具有.remove（）方法，該方法允許自行移除元素，而不必從父級移除元素。

所以「刪除」是一個保留的關鍵字，這是問題和它刪除元素，而不是執行你的功能的原因。您需要爲您的功能選擇另一個名稱。

Answer 2

我經歷了您的代碼，因爲您使用的代碼是remove（），它是內置於JQuery中的，因此您可以直接應用於HTML，請遵循以下代碼。

<div id="js-part"> 
    <li id="parts3" style="display: list-item;" onclick="remove();"> 
    <div class="col-md-9"><i class="fa fa-check-circle"></i> Wifi Antenna</div> 
    <div class="col-d-3"><a>Remove</a></div> 
    </li> 
    <li id="parts1" style="display: list-item;" onclick="remove();"> 
    <div class="col-md-9"><i class="fa fa-check-circle"></i> Glass Screen</div> 
    <div class="col-d-3"><a >Remove</a></div> 
    </li> 
    <li id="parts4" style="display: list-item;" onclick="remove();"> 
    <div class="col-md-9"><i class="fa fa-check-circle"></i> Rear Camera</div> 
    <div class="col-d-3"><a>Remove</a></div> 
    </li> 
    <li id="parts5" style="display: list-item;" onclick="remove();"> 
    <div class="col-md-9"><i class="fa fa-check-circle"></i> Front Camera</div> 
    <div class="col-d-3"><a>Remove</a></div> 
    </li> 
</div> 

<div id="total"> 
    <div class="col-xs-12"> 
    <div class="col-xs-6">Repair time</div> 
    <div class="col-xs-6">170 mins</div> 
    <input type="hidden" id="minutes_parts" value="170"> 
    </div> 

    <div class="col-xs-12"> 
    <div class="col-xs-6">Discount</div> 
    <div class="col-xs-6">£0.00</div> 
    </div> 

    <div class="col-xs-12"> 
    <div class="col-xs-6">Total</div> 
    <div class="col-xs-6">£362</div> 
    <input type="hidden" id="price_parts" value="362"> 
    </div> 
</div> 

所以，我直接刪除點擊每個李元素的div。