Ein untergeordnetes Element eines angeklickten Ziels in jQuery identifizieren

Question

Ich versuche herauszufinden, wie ich mit der rechten Maustaste auf eine beliebige Stelle in der Tabelle klicken kann, die über einen Ereignis-Listener auf dem tr-Tag verfügt und den click()-Befehl an die Kind button.

jQuery(".catcher").contextmenu(function (e) { 
 
    e.target.**FIND CHILD BUTTON**.click(); 
 
});

table { 
 
    border: 1px solid red; 
 
    width: 200px; 
 
    height: 200px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="catcher"> 
 
    <td> 
 
     <span> 
 
      <button onclick="alert('it works!');">Button</button> 
 
     </span> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

Sie benötigen jquery find Methode wich sucht für das erste Kind inst verwenden ance in jeder Tiefe

jQuery(".catcher").contextmenu(function(e) { 
 
    $(this).find('button').click(); 
 
    return false; 
 
});

table { 
 
    border: 1px solid red; 
 
    width: 200px; 
 
    height: 200px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="catcher"> 
 
    <td> 
 
     <span> 
 
      <button onclick="alert('it works!');">Button</button> 
 
     </span> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 2

jQuery(".catcher").contextmenu(function (e) { 
 
    //e.target.**FIND CHILD BUTTON**.click(); 
 
    $(e.target).find('button').click() 
 
});

table { 
 
    border: 1px solid red; 
 
    width: 200px; 
 
    height: 200px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="catcher"> 
 
    <td> 
 
     <span> 
 
      <button onclick="alert('it works!');">Button</button> 
 
     </span> 
 
    </td> 
 
    </tr> 
 
</table>

Wrap e.target in $() dann verwenden .find('button')

Answer 3

dies Siehe hier Menge Klassenname

($(e).parent().parent().find(".Qty").val() 

ist