Javascript 隐藏最近的行定位标记jquery
我有多个带有类行的div,在每一行中都有一个关于下拉列表更改的下拉列表,我想隐藏同一行中带有类“add_marks”的锚标记 我使用以下代码来隐藏它:Javascript 隐藏最近的行定位标记jquery,javascript,html,jquery,Javascript,Html,Jquery,我有多个带有类行的div,在每一行中都有一个关于下拉列表更改的下拉列表,我想隐藏同一行中带有类“add_marks”的锚标记 我使用以下代码来隐藏它: jQuery(document).on('change','subject',函数(e){ var nearest_row=$(this.nearest('div.row'); 变量元素=$(最近的行)。最近的(“.add_标记”); 隐藏元素(); }); 等级 主题 挑选 数学 科学类 您必须获取下一个div并找到a链接,然后将其隐藏
jQuery(document).on('change','subject',函数(e){
var nearest_row=$(this.nearest('div.row');
变量元素=$(最近的行)。最近的(“.add_标记”);
隐藏元素();
});代码>
等级
主题
挑选
数学
科学类
您必须获取下一个div并找到a链接,然后将其隐藏
var nearest_row = $(this).closest('div.row');
获取div.row.clearfix.attr\u字段
,但链接存在于下一个div中,因此执行下一步操作将获取下一个div元素,然后找到“a”元素
您还可以执行next('div'),而不是让下一个元素查找下一个div
jQuery(document).on('change','subject',函数(e){
var nearest_row=$(this).nearest('div.row').next().find('.add_marks').hide();
//控制台日志(最近的_行);
});代码>
等级
主题
挑选
数学
科学类
这里是使用js运行它(快捷方式:ctrl+enter
)
…要隐藏带有类“add_marks”的锚定标记,该类位于同一行中
所以我把那个按钮移到了第二排。
使用.col*
作为.row
的直接子级是使用引导网格的正确方法
考虑到您的需求,使用了以下jQuery
jQuery(document).on('change', '.subject', function (e) {
$(this)
.parents('.row')
.find('.add_marks')
.hide();
});
如果select在行内,您可以跟随Codesigner的答案,如果它在行外,您可以跟随我的答案。标记并投票选出有用的答案