>  기사  >  웹 프론트엔드  >  jquery 선택기: 마지막 자식이 작동하지 않습니다.

jquery 선택기: 마지막 자식이 작동하지 않습니다.

黄舟
黄舟원래의
2017-06-23 14:59:221993검색

jquery :막내 아이가 일하지 않나요? ? ?

소스 코드 붙여넣기

<!DOCTYPE html>
<html>
<head>
<style>
span.solast { text-decoration:line-through; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div>
<span>John,</span>
<span>Karl,</span>
<span>Brandon,</span>
<span>Sam</span>
<div id="clearFloat"></div>

</div>
<div>
<span>Glen,</span>
<span>Tane,</span>

<span>Ralph,</span>
<span>David</span>
<div id="clearFloat"></div>

</div>
<script>
$("div span:last-child").css({color:"red", fontSize:"80%"})

</script>

</body>
</html>

bab2239d8d8f4f800fcac6874f0f057016b28748ea4df4d9c2150843fecfba68를 추가했는데

$("div span:last-child").css({color:"red", fontSize:"80%"})

이 문장이 적용되지 않는 이유는 무엇인가요? Collapse

내 목적은 각 div 아래의 마지막 범위 요소
를 가져오고 CSS 스타일

$.each($("body>div"),function(i){
      $(this).children("span").last().<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLuyu9rjRkujNWnvfvrjIB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRLnWDzPj0Y" target="_blank" class="baidu-highlight">css</a>({color:"red", fontSize:"80%"})
  });


$("div span:last").css({color:"red", fontSize:"80%"})

로 설정하는 것입니다. 왜냐하면 마지막 자식은 더 이상 범위가 아니기 때문입니다.

내 목표는 각 div 아래의 마지막 범위 요소를 얻는 것입니다.
마지막을 사용하면 하나의 요소만 일치할 수 있습니다

위 내용은 jquery 선택기: 마지막 자식이 작동하지 않습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.