Jquery click on hidden element

Question

I have

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

I want to make click on the element that rises when onmouseover="artifactAlt(this,event,2)"is firing, how to do that?

When I am doing $('#body').contents().find('td[art_id="4949"]')[0].click();

i get undefined and nothin happens.

What hidden element? I don't see any hidden elements above (no pun). — T.J. Crowder
– T.J. Crowder, Commented Feb 5, 2017 at 14:13

Mihai Alexandru-Ionut · Accepted Answer · 2017-02-05 14:09:11Z

7

You should use .click() method.

function artifactAlt(obj,event,number){
     $(obj).click();
}

function artifactAlt(obj,event,number){
   $(obj).click();
}

$('tr').click(function(){
  alert('tr clicked');
});

<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 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;">abcd</td>
      </tr>
   </tbody>
</table>

answered Feb 5, 2017 at 14:09

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 11:54:33Z

0

You should try jquery trigger's as follows

function artifactAlt(element, event, number) {
  $(element).trigger('click');
}

Usage of trigger('click') will save you one function call as jQuery internally calls trigger for a $().click() function call as pointed out in this post.

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Feb 5, 2017 at 14:21

faizal vasaya

4923 silver badges12 bronze badges

Collectives™ on Stack Overflow

Jquery click on hidden element

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related