filter div 태그를 선택하십시오.

일치하는 연도가있는 숨기기 단락을 표시하도록 선택하는 것이 매우 쉽습니다. 2014를 선택하면 2014가 포함 된 P 태그 만 표시됩니다. 모두 선택하면 모든 P 태그가 표시됩니다.filter div 태그를 선택하십시오.

<form> 
<select id="yearFilter"> 
<option>All</option> 
<option>2014</option> 
<option>2013</option> 
</select> 
</form> 

<div id="articles"> 
<p>The year of 2014 A</p> 
<p>The year of 2014 B</p> 
<p>The year of 2013 A</p> 
<p>The year of 2013 B</p> 
</div> 

The js: 

<script> 
var a = $("#articles p:contains('0')").push($(this).text()); 

console.log(a); 

</script>

출처

2014-11-02 Eyal Biton

질문은 무엇입니까 :

$('#yearFilter').change(function() { var year = $(this).val(); $("#articles p").hide(); $("#articles p:contains('" + year + "')").show(); });

가 얼마나 잘 작동하는지 보려면

는 선택 값 변경에/숨기기를 표시하려면? – gdoron

'var a = $ ("# articles p : contains ('2014')"). text();'? – gdoron

해당 연도의 단락을 표시/숨기려면 선택 옵션을 만들기 위해 수행해야 할 단계가 무엇인지 내 질문에 생각합니다. regex를 사용하여 모든 연도 형식을 가져온 다음 Select-options에 일치 시키시겠습니까 ?? –

이 컨텍스트에서 jQuery 객체를 참조하지 않습니다.

<form> 
<select id="yearFilter"> 
<option value="0">All</option> 
<option value="2014">2014</option> 
<option value="2013">2013</option> 
</select> 
</form> 

<div id="articles"> 
<p>The year of 2014 A</p> 
<p>The year of 2014 B</p> 
<p>The year of 2013 A</p> 
<p>The year of 2013 B</p> 
</div>

JS : http://jsfiddle.net/KyleKatarn/4grf3d8o/1/

출처

2014-11-02 11:34:54 KyleK

와우 정말 놀라워요! 고마워요. –

filter div 태그를 선택하십시오.

답변

관련 문제