테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 if문 질문드려요.. 채택완료

초얌 4년 전 조회 2,177

안녕하세요.

그누보드에 관한 사항은 아니나,

제이쿼리로 if문 작성중 잘 모르겠는 부분이 있어서 질문 남깁니다..

 

다음과 같이 동일한 구조의 abc라는 클래스가 2개가 있을때,

 

.abc 내에 있는 .ss 에 문자가 포함되어 있을 경우, (숫자를 포함한 어떠한 문자라도 포함되어 있을때)

그 조건이 성립되는 .abc > span 에만 .xx 라는 클래스를 추가하라

 

라는 식을 만들어 보고 싶은데 도움 부탁드리겠습니다 (__)

감사합니다.

 

</p>

<p><div class="abc">

    <p class="ss">1</p>

    <span></span>    

</div></p>

<p><div class="abc">

    <p class="ss"></p>

    <span></span>    

</div></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
4년 전

</p>

<p><script>

$('.abc').each(function() {        

    if ($(this).find('.ss').text() != '')

        $(this).find('span').addClass('xx');

});

</script></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

초얌
4년 전
정말 깔끔하고 완벽..!
감사합니다ㅜ 헷깔렸는데 큰 도움 얻었습니다.
더 열심히 공부해야겠네요 감사합니다~~
트샷
4년 전
$(this).parent().find('span').addClass('xx');
->
$(this).find('span').addClass('xx');
초얌
4년 전
아래 식은 적용이 안되네요^^;

댓글을 작성하려면 로그인이 필요합니다.

P
4년 전

</p>

<p>$(".abc .ss").each(function(idx,ele){

    if($(ele).text().length>0){

        $(ele).next("span").addClass("xx");

    }

});</p>

<p>

요런식으로 하시면되지 않을까요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

초얌
4년 전
length를 활용하는 방법도 있네요!! 큰 도움 얻었어요 감사합니다^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인