javascript - remove() 函数不删除 ul 列表中的项目

Question

我已经在下拉列表中创建了一个javascript函数，它添加了元素并计算添加的产品的总量，现在我想要做的是创建一个函数来删除从下拉列表中添加的产品，但是当我单击删除按钮，我们仅删除选定的按钮，而不删除我希望通过单击该按钮删除的行。你可以回顾一下这个 fiddle ，就会明白它是怎么回事 https://jsfiddle.net/h1k6mohs/而且我的脚本无法正常工作可能是因为它没有调用下面的函数，这是我的 php 脚本文件

Controller 首页.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;
        }

型号获取数据.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() 方法，该方法允许自行删除元素，而不必从父元素中删除。

因此“remove”是一个保留关键字，这就是问题所在，也是它删除元素而不执行函数的原因。您需要为您的函数选择另一个名称。