如何通过单击jQuery中的子按钮来隐藏父元素

嗨，我有以下HTML代码，我想隐藏div与类editfield和editfieldlink链接，并显示div与类值。 我试着遵循它不适合我的jQuery代码。 但是如果我像这样的语句隐藏一个父，那就行了。$（this）.closest（’div.editfield’）。parent（）。hide（）;

  Name   
ALI ASAD
 
 
 
 First Name 
  
 
 
 Last Name 
  
 
 
 
 Save Changes Cancel 
 
 
 
  Edit  

而我的Java脚本就像

 $(document).ready(function(e) { $('#settingseditor .cancelactionsettings').click(function(event) { event.preventDefault(); $(this).closest('div.editfield').hide(); $(this).closest('div.value').show(); $(this).closest('a.editfieldlink').hide(); }); 

}）;

Answer 1

你只是没有正确穿越

 $(document).ready(function (e) { $('#settingseditor .cancelactionsettings').click(function (event) { event.preventDefault(); $(this).closest('div.editfield').hide(); $(this).closest('div.editfield').prev('.value').show(); // .value is a prev sibling of div.editfield $(this).closest('td').next().find('a.editfieldlink').hide();// anchor is in the next sibling td }); }); 

小提琴

Answer 2

尝试父母（）。

 $('#settingseditor .cancelactionsettings').click(function(event) { event.preventDefault(); $(this).parents('div.editfield').hide(); $(this).parents('div.editfield').prev().show(); $(this).parents('td.span8').next().find('a.editfieldlink'); }); 

注意：我没有在你的代码中找到#settingseditor ….如果你想尝试使用multiselecter，你忘记了,那里的运营商……

 $('#settingseditor , .cancelactionsettings').click(... //---------------^^^^--- here 

Answer 3

不知道id #settingseditor的元素在哪里，但如果我只.cancelactionsettings元素， .cancelactionsettings我.cancelactionsettings

 $('#settingseditor, .cancelactionsettings').click(function(event) { ... } 

的jsfiddle

Answer 4

你的选择器与任何元素都不匹配; 将此$('#settingseditor .cancelactionsettings')更改$('.cancelactionsettings') 。

看一个工作示例的小提琴