删除（）函数不删除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。