attributeHas 선택자 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

attributeHas 선택자 정보

jQuery attributeHas 선택자

본문

attributeHas 선택자

설명 : 지정된 속성이있는 요소를 값과 함께 선택합니다.


예:

div의 텍스트에 id를 추가하는 id를 사용하여 div에 단 한번의 클릭을 묶습니다.


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>attributeHas demo</title>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

 

<div>no id</div>

<div id="hey">with id</div>

<div id="there">has an id</div>

<div>nope</div>

 

<script>

// Using .one() so the handler is executed at most once

// per element per event type

$( "div[id]" ).one( "click", function() {

  var idString = $( this ).text() + " = " + $( this ).attr( "id" );

  $( this ).text( idString );

});

</script>

 

</body>

</html>

추천
0

댓글 0개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT