Jquery нажмите на TD

Question

мне нужно нажать на теге тд

<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>:

<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, тогда легко сделать событие click связанным с 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>