Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何按类名同时删除多个动态生成的元素?_Javascript_Jquery_Html_Dynamic - Fatal编程技术网

Javascript 如何按类名同时删除多个动态生成的元素?

Javascript 如何按类名同时删除多个动态生成的元素?,javascript,jquery,html,dynamic,Javascript,Jquery,Html,Dynamic,我正在做一个电子商务项目,对于发货部分,我让用户输入一个与价格相关的区域,然后用删除按钮显示这两个值。 用户可以多次生成这三个元素(在这三个生成的元素中,每个元素都隐藏了两个输入来处理值,然后用php处理数据) 当点击删除按钮时,我想删除输入的区域+价格+删除按钮,其类名类似。 但是,当它是动态生成的时,如何做到这一点呢? 这是HTML部分: <label for="places">Places/area : </label> <in

我正在做一个电子商务项目,对于发货部分,我让用户输入一个与价格相关的区域,然后用删除按钮显示这两个值。 用户可以多次生成这三个元素(在这三个生成的元素中,每个元素都隐藏了两个输入来处理值,然后用php处理数据) 当点击删除按钮时,我想删除输入的区域+价格+删除按钮,其类名类似。 但是,当它是动态生成的时,如何做到这一点呢? 这是HTML部分:

        <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可以这样做。转到并创建您当前拥有的模型。