이게 가능한지. 스크립트 질문드립니다. 채택완료
ul.info 내 두번째 li.percent 안에 "span" 이 존재하면,
첫번째 li.price 에 line-through 를 주고,
span이 없으면 auto 를 주는 방법이 될까요??
</p>
<p><ul class="info"></p>
<p><!-- 첫번째 li --><li class="price">1000원 <span class="none"></span></li></p>
<p><!-- 두번째 li --><li class="price percent">900원 <span>10%</span></li></p>
<p></ul></p>
<p> </p>
<p><ul class="info"></p>
<p><!-- 첫번째 li --><li class="price">1000원 <span class="none"></span></li></p>
<p><!-- 두번째 li --><li class="price percent"></li></p>
<p></ul></p>
<p>
답변 5개
</strong></p>
<p><script></p>
<p>$.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");
}
});</p>
<p></script></p>
<p><strong>
댓글을 작성하려면 로그인이 필요합니다.
$('li.percent>span').parent().prev().css('text-decoration','line-through');
댓글을 작성하려면 로그인이 필요합니다.
Firefox 브라우저를 크게 신경쓰지 않는다면 css 만으로도 가능은 합니다.
</p>
<p><style>
ul.info li.price:has(+ li.percent span) { text-decoration: line-through; }
</style></p>
<p>댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
두번째 li의 span 값 유무에 따라 → 첫번째 li 값이 변경되야 하는거라서요..