想要隐藏使用jQuery的选项卡(数据选项卡)?
问题描述:
<ul class="total">
<li data-tab="general"><i class="final"></i></li>
<li data-tab="normal"><i class="small"></i></li>
</ul>
我这样做只隐藏一般选项卡。但它会隐藏完整的数据。什么是最好的解决方案呢?想要隐藏使用jQuery的选项卡(数据选项卡)?
$(document).ready(function(){
var tabs = $("li[data-tab='general']");
tabs.hide();
答
” 但是,当我申请以上的解决方案,然后它隐藏完整的数据,一般,正常的,UL类等... 所以是有什么办法可以隐藏特定的东西 –
kandysingh
2014-09-22 06:55:54
目前尚不清楚你真正想要得到什么。但是,如果你想要得到的任何元素与data-tab
属性指定使用此选择:
$("li[data-tab]");
+0
你好,在我的文章中我只想隐藏这个标签“
+0
如果是这样,问题出现在代码的其余部分。看看这个小提琴:http://jsfiddle.net/o78427cy/1/它完全符合你的需求 – 2014-09-22 08:24:18
+0
是的,真的..让我知道了,我会更新你:) 感谢您的时间 – kandysingh 2014-09-22 14:00:44
答
检查li
有data-tab
= general
然后隐藏
$(document).ready(function() {
var tabs = $("ul#total li");
$.each(tabs, function() {
if ($(this).attr('data-tab') == 'general') {
$(this).hide();
}
});
});
我看不出这是一个Joomla相关的问题。 – 2014-09-20 19:31:10
用作'$(“li [data-tab ='general']”)。hide()'保留你的代码是好的 – Amit 2014-09-22 06:59:01
我试过了,但它不工作。不隐藏该数据选项卡:( – kandysingh 2014-09-22 07:16:12