Javascript 如何按类名同时删除多个动态生成的元素?
我正在做一个电子商务项目,对于发货部分,我让用户输入一个与价格相关的区域,然后用删除按钮显示这两个值。 用户可以多次生成这三个元素(在这三个生成的元素中,每个元素都隐藏了两个输入来处理值,然后用php处理数据) 当点击删除按钮时,我想删除输入的区域+价格+删除按钮,其类名类似。 但是,当它是动态生成的时,如何做到这一点呢? 这是HTML部分:Javascript 如何按类名同时删除多个动态生成的元素?,javascript,jquery,html,dynamic,Javascript,Jquery,Html,Dynamic,我正在做一个电子商务项目,对于发货部分,我让用户输入一个与价格相关的区域,然后用删除按钮显示这两个值。 用户可以多次生成这三个元素(在这三个生成的元素中,每个元素都隐藏了两个输入来处理值,然后用php处理数据) 当点击删除按钮时,我想删除输入的区域+价格+删除按钮,其类名类似。 但是,当它是动态生成的时,如何做到这一点呢? 这是HTML部分: <label for="places">Places/area : </label> <in
<label for="places">Places/area : </label>
<input type="text" name="ps_places" id="ps_places" value="" >
<label for="ps_price" "> Price : </label><input type="text" name="ps_price" id="ps_price" value="" >
<button type="button" onclick="ps_add()">OK</button>
<div id="display1"></div>
正如您所添加的,我假设您使用jQuery。您可以使用以下方法按类名删除所有元素:
$(".classname").remove();
如果是错误的,并且如果您需要纯JavaScript解决方案,您可以使用以下方法:
elems = document.querySelectorAll(".classname");
for (var elem in elems)
elems[elem].parentNode.removeChild(elems[elem]);
正如您所添加的,我假设您使用jQuery。您可以使用以下方法按类名删除所有元素:
$(".classname").remove();
如果是错误的,并且如果您需要纯JavaScript解决方案,您可以使用以下方法:
elems = document.querySelectorAll(".classname");
for (var elem in elems)
elems[elem].parentNode.removeChild(elems[elem]);
正如您所添加的,我假设您使用jQuery。您可以使用以下方法按类名删除所有元素:
$(".classname").remove();
如果是错误的,并且如果您需要纯JavaScript解决方案,您可以使用以下方法:
elems = document.querySelectorAll(".classname");
for (var elem in elems)
elems[elem].parentNode.removeChild(elems[elem]);
正如您所添加的,我假设您使用jQuery。您可以使用以下方法按类名删除所有元素:
$(".classname").remove();
如果是错误的,并且如果您需要纯JavaScript解决方案,您可以使用以下方法:
elems = document.querySelectorAll(".classname");
for (var elem in elems)
elems[elem].parentNode.removeChild(elems[elem]);
那么
jQuery
标签呢?我也接受jquery响应,因为有时候它可能会更复杂concise@user2305415我的解决方案对您有用吗?jQuery
标签怎么样?我也接受jquery响应,因为有时候它可能会更复杂concise@user2305415我的解决方案对您有用吗?jQuery
标签怎么样?我也接受jquery响应,因为有时候它可能会更复杂concise@user2305415我的解决方案对您有用吗?jQuery
标签怎么样?我也接受jquery响应,因为有时候它可能会更复杂concise@user2305415我的解决方案对您有用吗?谢谢,但是如何处理动态生成的按钮,因为当我输入以下代码:$(“按钮”)。单击(函数(){alert('ok');}); 未按原样检测到该按钮generated@user2305415你把它放在$(document.ready(function(){})
?$(document.ready(function(){$('body')。在('click','button.ps_id',function(){alert('ok');$)(.ps_id')。remove();})中;不,那不对。你能回答你的问题并添加代码@user2305415吗?@user2305415可以这样做。转到并创建您当前拥有的模型。谢谢,但是如何处理动态生成的按钮,因为当我放置此代码时:$(“按钮”)。单击(函数(){alert('ok');});未按原样检测到该按钮generated@user2305415你把它放在$(document.ready(function(){})
?$(document.ready(function(){$('body')。在('click','button.ps_id',function(){alert('ok');$)(.ps_id')。remove();})中;不,那不对。你能回答你的问题并添加代码@user2305415吗?@user2305415可以这样做。转到并创建您当前拥有的模型。谢谢,但是如何处理动态生成的按钮,因为当我放置此代码时:$(“按钮”)。单击(函数(){alert('ok');});未按原样检测到该按钮generated@user2305415你把它放在$(document.ready(function(){})
?$(document.ready(function(){$('body')。在('click','button.ps_id',function(){alert('ok');$)(.ps_id')。remove();})中;不,那不对。你能回答你的问题并添加代码@user2305415吗?@user2305415可以这样做。转到并创建您当前拥有的模型。谢谢,但是如何处理动态生成的按钮,因为当我放置此代码时:$(“按钮”)。单击(函数(){alert('ok');});未按原样检测到该按钮generated@user2305415你把它放在$(document.ready(function(){})
?$(document.ready(function(){$('body')。在('click','button.ps_id',function(){alert('ok');$)(.ps_id')。remove();})中;不,那不对。你能回答你的问题并添加代码@user2305415吗?@user2305415可以这样做。转到并创建您当前拥有的模型。