선택한 요소에 jQuery 이벤트 위임 사용

아눕 바수데바

상황은 다음과 같습니다. 선택한 요소에만 jQuery 이벤트 위임을 사용하고 싶습니다.

HTML

<div id="result"></div>
<table id="table1">
<tr>
    <td>
        <span class="cell">Item1.0</span>
    </td>
    <td>
        <span class="cell">Item1.1</span>
    </td>
    <td>
        <span class="cell">Item1.2</span>
    </td>
    <td>
        <span class="cell">Item1.3</span>
    </td>
</tr>
<tr>
    <td>
        <span>Item2.0</span>
    </td>
    <td>
        <span>Item2.1</span>
    </td>
    <td>
        <span>Item2.2</span>
    </td>
    <td>
        <span>Item2.3</span>
    </td>
</tr>
<tr>
    <td>
        <span class="cell">Item3.0</span>
    </td>
    <td>
        <span class="cell">Item3.1</span>
    </td>
    <td>
        <span class="cell">Item3.2</span>
    </td>
    <td>
        <span class="cell">Item3.3</span>
    </td>
</tr></table>

JS

$("#table1").on("click", "td span.cell", function() {    
result.html($(this).html()); });

"cell"클래스가있는 스팬이있는 TD에서만 클릭 이벤트를 연결해야합니다. 즉, 두 번째 행의 TD에 클릭 이벤트가 연결되어서는 안됩니다. 팁이 있습니까?

아룬 P 조니

사용 : has () 선택자

$("#table1").on("click", "td:has(span.cell)", function() {    
    result.html($(this).html()); 
});

데모 : Fiddle

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

JQuery : 이벤트 위임을 사용할 때 모든 선택기에 작업을 적용 할 수 있습니까?

분류에서Dev

.on을 사용한 jQuery 이벤트 위임 (이 참조)

분류에서Dev

jQuery에서 이벤트를 처리하기 위해 이벤트를 트리거 한 onclick 또는 find 요소를 사용하는 것이 더 낫습니다.

분류에서Dev

다른 위임 된 선택기에 연결된 jQuery 트리거 이벤트?

분류에서Dev

Jquery는 여러 요소에서 동일한 이벤트를 사용합니다.

분류에서Dev

요소 입력에 대한 JQuery 사용자 정의 이벤트 핸들러

분류에서Dev

위임 된 이벤트 : 많은 요소의 선택자

분류에서Dev

이벤트 위임 방법 내에서 jQuery $ (this)는 어떻게 사용됩니까?

분류에서Dev

jQuery를 사용하여 append ()-ed 요소에 대한 요소 "로드"이벤트 잡기?

분류에서Dev

jQuery를 사용하여 범위 요소와 그 뒤에 오는 텍스트 선택

분류에서Dev

jquery 클래스를 사용하여 유사한 선택기 목록에서 요소 트리거 쌍

분류에서Dev

선택기가 존재할 때 jQuery 이벤트 위임?

분류에서Dev

jQuery : 네임 스페이스를 사용하여 원본 객체에서 위임 된 이벤트 끄기

분류에서Dev

jquery 선택한 플러그인을 사용하여 hover / mouseover 이벤트에서 선택한 옵션 값을 얻는 방법은 무엇입니까?

분류에서Dev

jquery 이벤트에서 선택기 대신 위치 방법

분류에서Dev

Jquery를 사용하여 한 요소의 onclick 핸들러를 다른 요소에서 위임

분류에서Dev

동일한 유형의 모든 요소에 jQuery 이벤트 핸들러 적용

분류에서Dev

jquery ajax에서 선택한 Jquery 사용

분류에서Dev

R 한 데이터 프레임의 기준을 사용하여 목록에서 요소 선택

분류에서Dev

jQuery 옵션 선택 취소 이벤트?

분류에서Dev

모든 터보 링크 페이지 내에서 jQuery의 위임 이벤트 on () 사용 :

분류에서Dev

모든 터보 링크 페이지 내에서 jQuery의 위임 이벤트 on () 사용 :

분류에서Dev

클릭 이벤트에 대한 JQuery 선택기

분류에서Dev

이벤트 주최자를위한 웹 사이트에 사용할 수있는 Ruby on Rails 프레임 워크

분류에서Dev

JQuery에서 요소를 선택하고 간단한 이벤트를 실행할 수 없습니다.

분류에서Dev

위임에서 jQuery 특수 이벤트를 사용하는 방법은 무엇입니까?

분류에서Dev

임시 테이블에 삽입에서 하위 선택 사용

분류에서Dev

Jquery를 사용하여 부모 수준에서 다양한 요소 선택

분류에서Dev

선택한 범위에 이벤트 핸들러 추가

Related 관련 기사

  1. 1

    JQuery : 이벤트 위임을 사용할 때 모든 선택기에 작업을 적용 할 수 있습니까?

  2. 2

    .on을 사용한 jQuery 이벤트 위임 (이 참조)

  3. 3

    jQuery에서 이벤트를 처리하기 위해 이벤트를 트리거 한 onclick 또는 find 요소를 사용하는 것이 더 낫습니다.

  4. 4

    다른 위임 된 선택기에 연결된 jQuery 트리거 이벤트?

  5. 5

    Jquery는 여러 요소에서 동일한 이벤트를 사용합니다.

  6. 6

    요소 입력에 대한 JQuery 사용자 정의 이벤트 핸들러

  7. 7

    위임 된 이벤트 : 많은 요소의 선택자

  8. 8

    이벤트 위임 방법 내에서 jQuery $ (this)는 어떻게 사용됩니까?

  9. 9

    jQuery를 사용하여 append ()-ed 요소에 대한 요소 "로드"이벤트 잡기?

  10. 10

    jQuery를 사용하여 범위 요소와 그 뒤에 오는 텍스트 선택

  11. 11

    jquery 클래스를 사용하여 유사한 선택기 목록에서 요소 트리거 쌍

  12. 12

    선택기가 존재할 때 jQuery 이벤트 위임?

  13. 13

    jQuery : 네임 스페이스를 사용하여 원본 객체에서 위임 된 이벤트 끄기

  14. 14

    jquery 선택한 플러그인을 사용하여 hover / mouseover 이벤트에서 선택한 옵션 값을 얻는 방법은 무엇입니까?

  15. 15

    jquery 이벤트에서 선택기 대신 위치 방법

  16. 16

    Jquery를 사용하여 한 요소의 onclick 핸들러를 다른 요소에서 위임

  17. 17

    동일한 유형의 모든 요소에 jQuery 이벤트 핸들러 적용

  18. 18

    jquery ajax에서 선택한 Jquery 사용

  19. 19

    R 한 데이터 프레임의 기준을 사용하여 목록에서 요소 선택

  20. 20

    jQuery 옵션 선택 취소 이벤트?

  21. 21

    모든 터보 링크 페이지 내에서 jQuery의 위임 이벤트 on () 사용 :

  22. 22

    모든 터보 링크 페이지 내에서 jQuery의 위임 이벤트 on () 사용 :

  23. 23

    클릭 이벤트에 대한 JQuery 선택기

  24. 24

    이벤트 주최자를위한 웹 사이트에 사용할 수있는 Ruby on Rails 프레임 워크

  25. 25

    JQuery에서 요소를 선택하고 간단한 이벤트를 실행할 수 없습니다.

  26. 26

    위임에서 jQuery 특수 이벤트를 사용하는 방법은 무엇입니까?

  27. 27

    임시 테이블에 삽입에서 하위 선택 사용

  28. 28

    Jquery를 사용하여 부모 수준에서 다양한 요소 선택

  29. 29

    선택한 범위에 이벤트 핸들러 추가

뜨겁다태그

보관