로드 더 액션 JQuery와

Question

나는 나의 페이지

<article></articles> 

모든 기사는 PHP 변수 data-price="<?php echo $pret[1] ?>"에 의해 반향 동적 ID를 가지고있는 serveral 기사가있다.

로드 더 버튼은 다음과 같습니다

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#hotel-list article:gt(4)').hide(); 
    $('#loadMore').click(function() { 
     $('#hotel-list article:hidden:lt(2)').show(); 
    }); 
    $('#showLess').click(function() { 
     $('#hotel-list article').not(':lt(4)').hide(); 
    }); 
}); 
</script> 

가 어떻게이 코드가 작동 및 클릭에 더 많은 기사를로드 할 수 있지만, 어떤 기사가 빈 ID가있는 경우 유지 :

<div id="loadMore"><a> mai multe rezultate</a></div></div> 

코드입니다 숨겨진.

Answer 1

으로 변경할 수 있습니다. 이 스크립트를 사용해보십시오. Here은 JSFiddle입니다. 이 예에서는 data-price이 비어 있기 때문에 '추가로드'를 클릭하면 기사 7과 9가 숨겨집니다 (이유는 ID가 data-price 인 이유 때문에 ID를 저장하는 이유가 확실하지 않습니다).

$(document).ready(function() { 
    $('#hotel-list article:gt(4)').hide(); 
    $('#loadMore').click(function() { 
     $('article').filter(function() { 
      return $(this).data('price') != '' && $(this).css("display") == "none" 
     }).show(); 
    }); 
    $('#showLess').click(function() { 
     $('#hotel-list article').not(':lt(4)').hide(); 
    }); 
}); 

Answer 2

당신은 PHP + $해서 getJSON가

PHP :: getid_data.php

<?php 

$pret = array(); 

echo json_encode($pret); 

?> 

jQuery를 ($해서 getJSON)

$(function() { 
    'use strict';  
    $.getJSON('getid_data.php', function(data) { 
     $.each(data, function(key, val) { 
      $('#hotel-list article' + val.id).css('display', 'none') 
     }); 
    }); 
}); 

은 PHP에서, 당신은 단지 ID 년대를 채울 수 있습니다 사용할 수 있습니다 그 다음 jquery에서 선택기를 $('#hotel-list :not(article' + val.id + ')')