怎么做第一类

Question

这是我的fiddle

这是我的HTML

$(document).on('click','.cl',function(){
   $('.jl').hide().filter('.jl_' + $(this).data('gen') ).show();
})

这是我的JS

jl_1

我想默认显示第一个chmod +w ~/.ssh/known_hosts。我怎样才能做到这一点 ？

帮助

Answer 1

没有JavaScript：

我只会将第一个display: none从标记中删除。

使用JavaScript：

但如果您需要使用JavaScript，那么我会让您的“show”功能重复使用：

function jlShow(entry) {
   $('.jl').hide().filter('.jl_' + entry ).show();
}

然后：

jlShow(1);
$(document).on('click','.cl',function(){
   jlShow( $(this).data('gen') );
});

这样，如果你需要更改选择器等，你就是在一个的地方，而不是多个地方。

附注：data 不只是data-*属性的访问者。它为元素设置jQuery数据缓存。如果您只想要该属性，请使用attr，而不是data。

Answer 2

只需触发第一个点击即可。

$('.cl').first().click();

<强> DEMO

Answer 3

  

我想默认显示第一个jl_1。我怎么能这样做？

在.jl_1

将第一个style元素display:block设置为html

<div class='jl jl_1' style='display:block'>Alpha</div>

Answer 4

$(".jl_1:first").show();

$(".jl_1:first").show();

$(document).on('click','.cl',function(){
   $('.jl').hide().filter('.jl_' + $(this).data('gen') ).show();
  //$(".jl_1:first").show();  //If you want to show it always
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='cl' data-gen='1'>One</div>
<div class='cl'  data-gen='5'>Two</div>
<div class='cl'  data-gen='6'>Three</div>
<br>
<div class='jl jl_1' style='display:none'>Alpha</div>
<div class='jl jl_1' style='display:none'>Andrew</div>
<div class='jl jl_1' style='display:none'>Christ</div>
<div class='jl jl_5' style='display:none'>Anto</div>
<div class='jl jl_5' style='display:none'>Brito</div>
<div class='jl jl_6' style='display:none'>Oyster</div>
<div class='jl jl_6' style='display:none'>Beta</div>