이미지가 있는 li의 개수를 구하고 싶습니다.
</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년 전
</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>개의 이미지가 있습니다.");
라는 식으로 변경하려면 어떻게 해야될까요?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택