如果可見元素的值大於0，則影響元素的樣式

Question

如果可見.popParkLink元素的值大於0，我試圖影響#lengthTest的樣式。我已經能夠返回數值的值可見.popParkLink但是我正在努力使用if語句來影響樣式。

任何想法，我出錯了？

<div class="popupCustom">  
      <p class="popParkLink" style="display:none"><a href="#">test 1</a></p> 
      <p class="popParkLink" style="display:block"><a href="#">test 2</a></p> 
      <p id="lengthTest"></p> 
</div> 

var lengthTest = document.getElementById('lengthTest'); 
var howMany=$('.popParkLink:visible').length; 

$(lengthTest).css({"color": "red"}); 

$(function() {  
    $(lengthTest).html(howMany); 
if(howMany > 0){(lengthTest).css({"color": "orange"});} 
}); 

Answer 1

你失蹤（lengthTest）的.css（..）一個$，所以它不是一個jQuery對象，你正在做的CSS方法。

Answer 2

$(function() {  
var lengthTest = document.getElementById('lengthTest'); 
var howMany=$('.popParkLink:visible').length; 
$(lengthTest).css({"color": "red"}); 
$(lengthTest).html(howMany); 

if(parseInt(howMany) > 0){ 
    $(lengthTest).css({"color": "orange"});} 
});