jQuery의 prev() 사용법에 대한 자세한 설명

이번에는 jQuery의 prev() 사용에 대한 자세한 설명을 가져왔는데, jQuery의 prev() 사용 시 주의사항은 무엇이며, 다음은 실제 사례이므로 살펴보겠습니다.

prev() 함수는 요소 세트의 이전 형제 요소를 일치시키는 데 사용됩니다. 이전 형제 요소만 선택되고 해당 하위 요소는 무시됩니다. 여기서는 jQuery에서 prev()의 간단한 동작을 소개하겠습니다. 구체적인 내용은 다음과 같습니다.

친구가 요청했습니다. 입력 내용을 삭제하려면 버튼을 클릭하세요. 입력 내용이 하나만 남아 있는 경우 버튼을 클릭하면 모든 입력 내용이 삭제됩니다.

아주 간단한 작업이지만 jquery에 prev() 메서드가 있다는 것을 모르면 우회를 많이 할 수도 있습니다.

rreee

CSS

<p>
  <input type="text" placeholder="用户名">
  <input type="text" placeholder="用户名">
  <input type="text" type="hidden">
  <input type="text" type="hidden">
  <a class="reduce" onclick="less()">—</a>
 </p>

JS

.reduce{
   display: inline-block;
   color: white;
   text-align: center;
   width: 30px;
   height: 30px;
   background: red;
   line-height: 30px;
   cursor: pointer;
  }
  input{
   height: 18px;
   padding: 5px 10px;
  }

내가 여기에 쓴 내용은 혼합적이고 비표준적이며 단지 밤일 뿐이며 이해에 중점을 둡니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

위 내용은 jQuery의 prev() 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!