js jq 点击a标签 显示对应的div
答案:2 悬赏:60 手机版
解决时间 2021-02-03 16:42
- 提问者网友:龅牙恐龙妹
- 2021-02-03 12:40
js jq 点击a标签 显示对应的div
最佳答案
- 五星知识达人网友:一秋
- 2021-02-03 13:55
我没看到代码里有fade和body的id。大概照着你的样子写了下点击事件。顺便说下,id是唯一性的,同一页面最好不要有多个一样的id。
$(".open").on('click', function() {
$(this).find('#log').show();
$(this).find('#fade').show();
});
$(".close").on('click', function() {
$(this).parents('li').find('#fade').hide();
$('#body').css('overflow','auto');
});追问是在li外面的一个代码,是显示背景的,与li没有管理,通用,同body性质一样,
$(".admin_essay_review_open").on('click', function() {
$(this).parents('tbody').find('#log').show();
$('#fade').show();
});
修改后测试$('#fade').show();有效;$(this).parents('tbody').find('#log').show();无效追答$(this).find('#log').show();
$(".open").on('click', function() {
$(this).find('#log').show();
$(this).find('#fade').show();
});
$(".close").on('click', function() {
$(this).parents('li').find('#fade').hide();
$('#body').css('overflow','auto');
});追问是在li外面的一个代码,是显示背景的,与li没有管理,通用,同body性质一样,
$(".admin_essay_review_open").on('click', function() {
$(this).parents('tbody').find('#log').show();
$('#fade').show();
});
修改后测试$('#fade').show();有效;$(this).parents('tbody').find('#log').show();无效追答$(this).find('#log').show();
全部回答
- 1楼网友:上分大魔王
- 2021-02-03 15:18
首先,ID是具有唯一性的(ID就是身份证号码,每个人都不相同),如果同一页面存在多个相同的ID,那么按ID来选择元素将永远只能选到第一个。
其次,jq本身有很方便的显示和隐藏元素的方法,可以直接使用。
下面是个例子,自己参考下:
浏览
Close
texta1
浏览
Close
texta2
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯