이게 가능한지. 스크립트 질문드립니다.
본문
ul.info 내 두번째 li.percent 안에 "span" 이 존재하면,
첫번째 li.price 에 line-through 를 주고,
span이 없으면 auto 를 주는 방법이 될까요??
<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>
답변 5
<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>
Firefox 브라우저를 크게 신경쓰지 않는다면 css 만으로도 가능은 합니다.
<style>
ul.info li.price:has(+ li.percent span) { text-decoration: line-through; }
</style>
php에서 해결하는 것이
더 쉽지 않을까요.
$('li.percent>span').parent().css('text-decoration','line-through');
답변 감사합니다.. 이렇게 하면, 두번째 li 에 값이 적용됩니다..
두번째 li의 span 값 유무에 따라 → 첫번째 li 값이 변경되야 하는거라서요..
$('li.percent>span').parent().prev().css('text-decoration','line-through');
답변을 작성하시기 전에 로그인 해주세요.