Javascript remove()函数不删除ul列表中的项目
我已经在下拉菜单上创建了一个javascript函数select it adds元素并计算添加产品的总量现在我想做的是创建一个函数来删除从下拉列表中添加的产品,但当我单击delete按钮时,它只会删除所选按钮,而不会删除我希望它成为的行通过单击按钮删除。你可以回顾一下这把小提琴,你会明白它是怎么回事,我的脚本也不起作用,可能是因为它没有调用下面的函数是我的php脚本文件 控制器 Home.phpJavascript remove()函数不删除ul列表中的项目,javascript,php,jquery,codeigniter-2,Javascript,Php,Jquery,Codeigniter 2,我已经在下拉菜单上创建了一个javascript函数select it adds元素并计算添加产品的总量现在我想做的是创建一个函数来删除从下拉列表中添加的产品,但当我单击delete按钮时,它只会删除所选按钮,而不会删除我希望它成为的行通过单击按钮删除。你可以回顾一下这把小提琴,你会明白它是怎么回事,我的脚本也不起作用,可能是因为它没有调用下面的函数是我的php脚本文件 控制器 Home.php public function addpart() { $part
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">'."£".'0.00</div></div>';
$html .= '<div class="col-xs-12">';
$html .= '<div class="col-xs-6">Total</div>';
$html .= '<div class="col-xs-6">£'.$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">'."£".'0.00</div></div>';
$html .= '<div class="col-xs-12">';
$html .= '<div class="col-xs-6">Total</div>';
$html .= '<div class="col-xs-6">£'.$total_price.'</div></div>';
$html .= '<input type="hidden" id="price_parts" value="'.$total_price.'" />';
return $html;
}
public function data\u cart($part\u id,$old\u price,$old\u 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='';
$html.=“修复时间”;
$html.=''.$total_minutes.'mins';
$html.='';
$html.='';
$html.=‘折扣’;
$html.=''。£;'''0.00';
$html.='';
$html.='Total';
$html.='£;'.$total_price'.';
$html.='';
返回$html;
}
公共函数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='';
$html.=“修复时间”;
$html.=''.$total_minutes.'mins';
$html.='';
$html.='';
$html.=‘折扣’;
$html.=''。£;'''0.00';
$html.='';
$html.='Total';
$html.='£;'.$total_price'.';
$html.='';
返回$html;
}
请帮我解决这个错误。Chrome中的元素有一个.remove()方法,允许自己删除元素,而不必从父元素中删除
所以“remove”是一个保留关键字,这就是问题所在,也是它删除元素而不执行函数的原因。您需要为函数选择另一个名称。Chrome中的元素有一个.remove()方法,该方法允许自删除元素,而不必从父元素中删除
所以“remove”是一个保留关键字,这就是问题所在,也是它删除元素而不执行函数的原因。您需要为您的函数选择另一个名称。我查看了您的代码,根据您使用JQuery中内置的remove()代码,您可以直接应用于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>
无线天线
去除
玻璃屏
去除
后置摄像机
去除
前置摄像机
去除
修复时间
170分钟
优惠
£0.00
全部的
£362
因此,我将在单击每个li元素时直接删除div。我查看了您的代码,根据您使用JQuery中内置的remove()代码,因此您可以直接应用于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>
无线天线
去除
玻璃屏
去除
后置摄像机
去除
前置摄像机
去除
修复时间
170分钟
优惠
£0.00
全部的
£362
因此,单击每个li元素后,我将直接删除div。谢谢你的建议,尽管我刚刚更改了函数名,它对我有效。谢谢你的建议,尽管我刚刚更改了函数名,它对我有效