상황은 다음과 같습니다. 선택한 요소에만 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에 클릭 이벤트가 연결되어서는 안됩니다. 팁이 있습니까?
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다