이전 목록 다음
채택완료

이게 가능한지. 스크립트 질문드립니다.

mmyfree
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-04-23 (일) 15:01:23 2,730

ul.info 내 두번째 li.percent 안에 "span" 이 존재하면,

첫번째 li.price 에 line-through 를 주고,

span이 없으면 auto 를 주는 방법이 될까요??

Copy 
<ul class="info">

<!-- 첫번째 li --><li class="price">1000원 <span class="none"></span></li>

<!-- 두번째 li --><li class="price percent">900원 <span>10%</span></li>

</ul>

 

<ul class="info">

<!-- 첫번째 li --><li class="price">1000원 <span class="none"></span></li>

<!-- 두번째 li --><li class="price percent"></li>

</ul>
javascript jquery
|

답변 5개 / 댓글 1개

채택된 답변
+20 포인트
바이거
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-04-23 (일) 16:03:53

Copy 
<script>

$.each($("ul.info"), function(){
    var span = $(this).find(".percent").find('span');
    if(span.length){
        $(this).find("li:eq(0)").addClass("line-through");
    }else{
        $(this).find("li:eq(0)").addClass("auto");
    }
});

</script>
엑엑스엠엘
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-04-24 (월) 05:40:56

php에서 해결하는 것이

 더 쉽지 않을까요.

치즈버거
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-04-23 (일) 17:09:38

$('li.percent>span').parent().prev().css('text-decoration','line-through');

배배르만
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-04-23 (일) 16:38:22

Firefox 브라우저를 크게 신경쓰지 않는다면 css 만으로도 가능은 합니다.

Copy 
<style>
ul.info li.price:has(+ li.percent span) { text-decoration: line-through; }
</style>
치즈버거
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-04-23 (일) 15:27:19

$('li.percent>span').parent().css('text-decoration','line-through');

답변에 대한 댓글 1개

myfree
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-04-23 (일) 15:37:48
답변 감사합니다.. 이렇게 하면, 두번째 li 에 값이 적용됩니다..
두번째 li의 span 값 유무에 따라 → 첫번째 li 값이 변경되야 하는거라서요..

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