여기에 div 요소를 필터링하는 스크립트가 있습니다.
HTML
<div class="nav">
<a href="#" data-category-type="4380" data-category-name="jet">4380</a>
<a href="#" data-category-type="4620" data-category-name="air">4620</a>
<a href="#" data-category-type="5000" data-category-name="india">5000</a>
</div>
<div id="Categories">
<div class="hide" data-category-type="4380" data-category-name="jet">4380.</div>
<div class="hide" data-category-type="4620" data-category-name="air">4620.</div>
<div class="hide" data-category-type="5000" data-category-name="india">5000.</div>
<div class="hide" data-category-type="4380" data-category-name="jet">4380.</div>
</div>
JQUERY
$('.nav a').on('click', function (e) {
e.preventDefault();
var cat = $(this).data('categoryType');
var nam = $(this).data('categoryName');
$('#Categories > div').hide();
$('#Categories > div[data-category-type="'+cat+'"]').show();
});
여기서는 하나의 조건 (data-category-type) 만 확인하고 있습니다.
하지만 여기서는 두 가지 조건을 모두 확인하고 싶습니다
내가 이것을 어떻게 얻을 수 있습니까? 누구나 제발 도와 줄 수 있습니까?
편집 여기에 질문이 하나 더 있습니다. 모든 div 요소를 어떻게 표시 할 수 있습니까 (클릭하면)
<a href="">Show all</a>
감사합니다
다음과 같은 조건을 하나 더 추가 할 수 있습니다.
$('.nav a').on('click', function (e) {
e.preventDefault();
var cat = $(this).data('categoryType');
var nam = $(this).data('categoryName');
$('#Categories > div').hide();
$('#Categories > div[data-category-type="'+cat+'"][data-category-name="'+nam+'"]').show();
});
데모 : Fiddle
또한 확인
var divs = $('#Categories > div');
$('.nav a').on('click', function (e) {
e.preventDefault();
var $this = $(this);
var cat = $this.data('categoryType');
var nam = $this.data('categoryName');
divs.filter(':visible').hide();
divs.filter('[data-category-type="'+cat+'"][data-category-name="'+nam+'"]').show();
});
데모 : Fiddle
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다