Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.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 清空整个相邻div部分_Javascript_Jquery_Html - Fatal编程技术网

Javascript 清空整个相邻div部分

Javascript 清空整个相邻div部分,javascript,jquery,html,Javascript,Jquery,Html,我有两个div部分parent,当我单击任一div中的按钮keywordsubmit。parent时,我想清空它的相邻部分。但以下代码不起作用: $('.parent').each(function() { $(.keywordsubmit).click(function(e){ $(this).parent().siblings('#phpcom').empty(); }); }); HTML代码: <div&g

我有两个div部分
parent
,当我单击任一div
中的按钮
keywordsubmit
。parent
时,我想清空它的相邻部分。但以下代码不起作用:

   $('.parent').each(function() {    
    $(.keywordsubmit).click(function(e){         
      $(this).parent().siblings('#phpcom').empty();    
    });
   });
HTML代码:

<div>

 <div class="parent">
  <select>
  <option>AAA</option>
  </select>
  <inputtype="text">
  <button type="submit" class="keywordsubmit">Submit</button>       
  <div class="area"></div>
 </div>

 <div class="parent">
  <select>
  <option>AAA</option>
  </select>
  <inputtype="text">
  <button type="submit" class="keywordsubmit">Submit</button>       
  <div class="area"></div>
 </div>

 <div id="phpcom">.............</div>

</div>

AAA
提交
AAA
提交
.............
我还尝试了
nest()
next()
,但似乎缺少一些东西。 任何帮助都将不胜感激

只要这样做:

$('.keywordsubmit').click(function(){
   $(this).closest('.parent').next().empty();
});
只要这样做:

$('.keywordsubmit').click(function(){
   $(this).closest('.parent').next().empty();
});
只要这样做:

$('.keywordsubmit').click(function(){
   $(this).closest('.parent').next().empty();
});
只要这样做:

$('.keywordsubmit').click(function(){
   $(this).closest('.parent').next().empty();
});
试试这个

试试这个

试试这个

试试这个


请尝试以下代码,它可能会对您有所帮助

$('.parent').each(function() {    
$(.keywordsubmit).click(function(e){   
$('.parent').hide();  
$(this).parent().show();  
});
});

请尝试以下代码,它可能会对您有所帮助

$('.parent').each(function() {    
$(.keywordsubmit).click(function(e){   
$('.parent').hide();  
$(this).parent().show();  
});
});

请尝试以下代码,它可能会对您有所帮助

$('.parent').each(function() {    
$(.keywordsubmit).click(function(e){   
$('.parent').hide();  
$(this).parent().show();  
});
});

请尝试以下代码,它可能会对您有所帮助

$('.parent').each(function() {    
$(.keywordsubmit).click(function(e){   
$('.parent').hide();  
$(this).parent().show();  
});
});
用这个

用这个

用这个

用这个



这很奇怪,因为只有第二个按钮可以找到相邻的div。第一个按钮将隐藏第二个按钮,而不是
phpcom
您正在考虑删除phpcom div吗?像这样很奇怪,因为只有第二个按钮可以找到相邻的div。第一个按钮将隐藏第二个按钮,而不是
phpcom
您正在考虑删除phpcom div吗?像这样很奇怪,因为只有第二个按钮可以找到相邻的div。第一个按钮将隐藏第二个按钮,而不是
phpcom
您正在考虑删除phpcom div吗?像这样很奇怪,因为只有第二个按钮可以找到相邻的div。第一个按钮将隐藏第二个按钮,而不是
phpcom
您正在考虑删除phpcom div吗?像这样,是否要使用.parent类清空just div#phpcom应该保持完整?@nevermind,我只想在单击
.parent
divs中的按钮时清空#phpcom。
.parents
应该保持完整。所有答案似乎都不起作用。是否要使用.parent类清空div#phpcom应该保持完整?@nevermind,我只想在单击
.parent
divs中的按钮时清空#phpcom。
.parents
应该保持完整。所有答案似乎都不起作用。是否要使用.parent类清空div#phpcom应该保持完整?@nevermind,我只想在单击
.parent
divs中的按钮时清空#phpcom。
.parents
应该保持完整。所有答案似乎都不起作用。是否要使用.parent类清空div#phpcom应该保持完整?@nevermind,我只想在单击
.parent
divs中的按钮时清空#phpcom。
.parents
应该保持完整。所有答案似乎都不起作用。嗨,你能给我看一把小提琴吗,它能用吗,我不能用这个嗨,你能给我看一把小提琴吗,它能用吗,我不能用这个嗨,你能给我看一把小提琴吗,它能用吗,我不能用这个嗨,你能给我看一把小提琴吗,它能用吗,我不能让它在这种情况下工作,谢谢。我把问题复杂化了。是的,这是一个很好的答案,但是解释会让它变得更好。谢谢。我把问题复杂化了。是的,这是一个很好的答案,但是解释会让它变得更好。谢谢。我把问题复杂化了。是的,这是一个很好的答案,但是解释会让它变得更好。谢谢。我把问题复杂化了。是的,这是一个很好的答案,但是解释会让它变得更好。