>source

경로 클래스를 사용하는 이미 구현 된 페이지를 수정하려고합니다. 현재 하단 code는 모든 DIV에 기능을 추가하지만 두 번째 DIV (간단한 텍스트 추가)에만 하나의 기능을 구현하고 싶습니다.

<div class="card-body bg-white mt-0 shadow">      <ul class="list-unstyled mb-5 position-relative">         <h1>Includes:</h1>            <li><img src="{{asset('public/frontend/images/includescheck.png')}}" alt="checkmark" width="25" height="18"> {{$tr->translate('Full Access')}}</li>            <li><img src="{{asset('public/frontend/images/includescheck.png')}}" alt="checkmark" width="25" height="18"> {{$tr->translate('Message Users')}}</li>            <li><img src="{{asset('public/frontend/images/includescheck.png')}}" alt="checkmark" width="25" height="18"> {{$tr->translate('User ID Verification')}}</li>            <li><img src="{{asset('public/frontend/images/includescheck.png')}}" alt="checkmark" width="25" height="18"> {{$tr->translate('Cancel Anytime')}}</li>     </ul></div>

나는 n 번째 자식 (2)을 사용하여 솔루션을 시도했지만 작동하지 않습니다 (어쩌면 IM이 제대로 작동하지 않을 수도 있음).

<script>   $( "div.card-body:nth-child(2)" ).append( "text" );
</script>

N 번째 자녀 또는 다른 것들을 사용하는 솔루션이 있습니까?

$ ( "div.card-body). 길이를 사용하면 얼마나 많은 요소가 돌아 오는지 알아내는 것입니다. 두 개 미만의 n 번째 자식 (2)이 의미가없는 경우

Beingnin2021-04-20 17:44:49

어떤 방식으로 작동하지 않는지 지정할 수 있습니까?

El_Vanja2021-04-20 17:46:08
  • 이전 Wagtail에서 RichText 편집기를 확장 한 후 텍스트 정렬이있는 버그
  • 다음 vue.js : 맞춤 데이터 테이블 헤더 정렬을 vuetify