Question

我需要点击td标签

<table width="60" height="60" cellpadding="0" 
cellspacing="0" border="0" style="float: left; margin: 1px" 
background="images/data/source_red.gif">
   <tbody>
      <tr>
         <td act1="7" act3="8" store="true" art_id="4949" cnt="1" div_id="AA_4949" 
         onmouseover="artifactAlt(this,event,2)" 
         onmouseout="artifactAlt(this,event,0)" 
         valign="bottom" 
         style="background-image: url(&quot;images/d.gif&quot;); cursor: pointer;">&nbsp;</td>
      </tr>
   </tbody>
</table>

如何通过jQuery找到它？

Answer 1

您可以使用Attribute Equals Selector [name=”value”]

var td = $('td[art_id="4949"]');

如果变量中有art_id="4949"，

var art_id="4949";
var td = $('td[art_id="' + art_id +'"]');

然后单击元素，您可以使用get(index)检索基础DOM元素，然后触发本机click()

td.get(0).click();

注意：我建议使用data-*前缀自定义属性来存储元素的任意数据。

Answer 2

你的意思是你想使用jQuery点击<td>元素吗？如果是这样的话：

向<td>添加ID：

<td id="clickme" act1="7" act3="8" store="true" art_id="4949" cnt="1" div_id="AA_4949" onmouseover="artifactAlt(this,event,2)" onmouseout="artifactAlt(this,event,0)"  valign="bottom" style="background-image: url(&quot;images/d.gif&quot;); cursor: pointer;">&nbsp;</td>

然后使用此jQuery，它将自动点击<td>：

$("#clickme").click

Answer 3

不完全确定您要实现的目标 - 但是将HTML5的数据属性用于所有td属性 - 将点击事件与td onclick和console.log绑定在一起很简单，即data-art_id TD。

$(document).ready(function(){
  $('td').click(function(){
    var id = $(this).attr('data-art_id');
    console.log('art_id = ' + id);
    });
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table width="60" height="60" cellpadding="0" 
cellspacing="0" border="0" style="float: left; margin: 1px" 
background="images/data/source_red.gif">
   <tbody>
      <tr>
         <td data-act1="7" data-act3="8" data-store="true" data-art_id="4949" data-cnt="1" data-div_id="AA_4949" >td1</td>
        <td data-act1="8" data-act3="9" data-store="true" data-art_id="4950" data-cnt="1" data-div_id="AA_4950" > td2</td>
      </tr>
   </tbody>
</table>

Jquery点击td

3 个答案: