이미지가 있는 li의 개수를 구하고 싶습니다.
루벤
6년 전
조회 4,016
</p>
<p><li class="a"><a href="#"><img src="domain.com/"></a></li>
<strong><li class="b"><a href="#"><img src="domain.com/img1.jpg"></a></li></strong>
<li class="c"><a href="#"><img src="domain.com/"></a></li>
<strong><li class="d"><a href="#"><img src="domain.com/img2.png"></a></li></strong></p>
<p>
위 처럼 b와 d에는 정상적인 이미지경로가 들어가있습니다.
b와d처럼 이미지경로가 정상적인 li만 체크해서 개수를 구하고 싶습니다.
어떻게 하면 될까요..?
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
6년 전
https://stackoverflow.com/questions/26445555/how-do-i-display-image-count-of-specific-type-of-image-with-jquery">https://stackoverflow.com/questions/26445555/how-do-i-display-image-count-of-specific-type-of-image-with-jquery
이미지에서 jpg등을 찾아서 카운트하게 만들면 어떨까요?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
루벤
6년 전
알려주신 방법도 괜찮은 방법이네요! 감사합니다 :)
댓글을 작성하려면 로그인이 필요합니다.
6년 전
</p>
<pre>
<li class="a"><a href="#"><img src="domain.com/" onerror="this.parentNode.style.display='none'" ></a></li>
<li class="b"><a href="#"><img src="<a href="https://sir.kr/img/main/logo2.png"" target="_blank" rel="noopener noreferrer">https://sir.kr/img/main/logo2.png"</a> onerror="this.parentNode.style.display='none'"></a></li>
<li class="c"><a href="#"><img src="domain.com/" onerror="this.parentNode.style.display='none'"></a></li>
<li class="d"><a href="#"><img src="domain.com/img2.png" onerror="this.parentNode.style.display='none'"></a></li>
<script>
$(document).ready(function () {
alert($("li>a:visible").length);
})
</script></pre>
<p>img 태그에 onerror="this.parentNode.style.display='none'" 속성을 추가해서 이미지가 엑박이뜨면 a태그를 보이지 않게 합니다.
li아래 a태그 중 보이는 숫자만 뽑습니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
s
sinbi
6년 전
실제로 해보니,
이미지는 1개가 보이는데, 숫자는 4가 찍히네요.
https://codepen.io/sinbi/pen/YMywJv
이미지는 1개가 보이는데, 숫자는 4가 찍히네요.
https://codepen.io/sinbi/pen/YMywJv
�
루벤
6년 전
alert($("li img:visible").length);
로 고치니까 정상적으로 카운팅됩니다!
죄송한데 이걸
$(".cnt").html("총<b>"+ length + "</b>개의 이미지가 있습니다.");
라는 식으로 변경하려면 어떻게 해야될까요?
로 고치니까 정상적으로 카운팅됩니다!
죄송한데 이걸
$(".cnt").html("총<b>"+ length + "</b>개의 이미지가 있습니다.");
라는 식으로 변경하려면 어떻게 해야될까요?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인