jQuery에서 prev()의 간단한 연산 코드에 대한 예제 분석

prev() 함수는 요소 세트의 이전 형제 요소를 일치시키는 데 사용됩니다. 이전 형제 요소만 선택되고 해당 하위 요소는 무시됩니다. 이 글은 주로 jQuery에서 prev()의 간단한 연산 코드를 소개합니다. 매우 훌륭하고 참고할 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

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

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

코드:

html

<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>

css

.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;
  }

JS

<script src="jquery-1.7.2.min.js"></script>
<script>
 var Reduce = document.getElementsByClassName("reduce");
 var Inp = document.getElementsByTagName("input");
 function less(){
    //查找元素的上一个元素 并移除
  $(".reduce").prev().remove();
  if(Inp.length < 1){
   $(".reduce").remove()
  }
 }
 $(".reduce")
</script>

여기에 표준이 아닌 밤만 혼합하여 작성했습니다. 이해에 중점을 둡니다.

관련 권장사항:

jQuery의 prev() 메소드 사용 예

prev()에 대한 권장 기사 10개

php 배열 함수 시퀀스 prev()

위 내용은 jQuery에서 prev()의 간단한 연산 코드에 대한 예제 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!