div data 하나 질문드립니다.
본문
<div data='1,2'>메인
<div data='1'>1</div>
<div data='1'>2</div>
<div data='1'>3</div>
<div data='2'>4</div>
<div data='2'>5</div>
<div data='2'>6</div>
</div>
data값이 하나가 아닌 위의 메인처럼 2개로 잡고 스크립트를 이용하여 하위 에들이 전부
나오는 방법이 있나요?? data값에 하나를 넣어서 해당 값과 같은 것은 출력이 되는데
저렇게 복수방법으로 하는건 안되네여 ㅜ
답변 1
<button id="btn">click</button>
<div id="mydiv" data-no='1,2,3,4,5,6'>메인
<div data-no='1'>1</div>
<div data-no='2'>2</div>
<div data-no='3'>3</div>
<div data-no='4'>4</div>
<div data-no='5'>5</div>
<div data-no='6'>6</div>
</div>
<style>
#mydiv div { display:none}
</style>
<script>
var arr = $("#mydiv" ).data('no').split(',');
$('#btn').on('click', function() {
$('#mydiv div').each( function() {
if (jQuery.inArray($(this).data('no').toString(), arr) > -1)
$(this).show();
});
})
답변을 작성하시기 전에 로그인 해주세요.