jquery 선택기: 마지막 자식이 작동하지 않습니다.-JS 튜토리얼-php.cn

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

黄舟

풀어 주다： 2017-06-23 14:59:22

원래의

1980명이 탐색했습니다.

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>

로그인 후 복사

를 추가했는데

$("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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

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