Py学习  »  Jquery

如何在jQuery中获取DOM元素

Heisenberg • 4 年前 • 937 次点击  

我想得到的结果是点击DOM元素。

我想要的结果是这样的

<td>1</td> 单击的DOM元素

有办法弄到这个吗?

jQuery($ => {
  $('td').on('click', function() {
console.log($(this));
})
});
td {
padding:5px;
border:solid black 1px;}

table{
border-collapse:collapse;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/56958
 
937 次点击  
文章 [ 3 ]  |  最新文章 4 年前
Manjuboyz
Reply   •   1 楼
Manjuboyz    4 年前

你可以试试这样的方法:

$(document).ready(function() {
  $('td').on('click', function() { /* your click event */
    console.log("you clicked", this);
  })
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
</table>
JohnSnow
Reply   •   2 楼
JohnSnow    4 年前

只是改变 $(this) this

jQuery($ => {
  $('td').on('click', function() {
console.log(this);
})
});
td {
padding:5px;
border:solid black 1px;}

table{
border-collapse:collapse;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
Scott Marcus
Reply   •   3 楼
Scott Marcus    4 年前

只是不要包装 this 在JQuery中。

jQuery($ => {
  $('td').on('click', function() {
console.log(this);
})
});
td {
padding:5px;
border:solid black 1px;}

table{
border-collapse:collapse;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>