Wie finde ich die div-ID auf Mausklick in jquery?

Ich habe mehrere div in einem Webformular und wenn ich auf ein bestimmtes div geklickt habe, muss ich einige Aufgabe auf der Grundlage der div-ID durchführen.Wie finde ich die div-ID auf Mausklick in jquery?

Gibt es eine Möglichkeit, die div-ID per Mausklick zu finden?

<table> 
 
    <tr> 
 
    <td> 
 
     <div id="firstdiv">div1</div> 
 
    </td> 
 
    <td> 
 
     <div id="seconddiv">div2</div> 
 
    <td> 
 
    <td> 
 
     <div id="thriddiv">div3</div> 
 
    </td> 
 
    <td> 
 
     <div id="fourthdiv">div4</div> 
 
    </td> 
 
    </tr> 
 
</table>

Quelle

2016-07-12 Tom Cruise

Verwendung '$ (this) .attr ('id')' Innenrasterung Event wird es die ID von div bekommen – guradio

überprüfen Sie diese [Demo] (https://jsfiddle.net/6jLm8kvs/) – guradio

Ich denke, Sie sollten Ihre Tags richtig schließen – Coderchu

Bitte versuchen Sie dies:

$("table div").click(function() { 
    var divID = this.id;//Or $(this).attr("id"); 
    //Your code here 
});

Quelle

2016-07-12 05:06:25

Bind click Ereignis über div Element
this verweist Element geklickt click-handler
Zugang id Eigenschaft der element

$('table div').on('click', function() { 
 
    console.log(this.id); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <div id="firstdiv">div1</div> 
 
    </td> 
 
    <td> 
 
     <div id="seconddiv">div2</div> 
 
    </td> 
 
    <td> 
 
     <div id="thriddiv">div3</div> 
 
    </td> 
 
    <td> 
 
     <div id="fourthdiv">div4</div> 
 
    </td> 
 
    </tr> 
 
</table>

Quelle

2016-07-12 05:07:36 Rayon

$('div').click(function() { 
 
    console.log($(this).attr('id')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <div id="firstdiv">div1</div> 
 

 

 
     <td> 
 
     <td> 
 
      <div id="seconddiv">div2</div> 
 
      <td> 
 
      <td> 
 
       <div id="thriddiv">div3</div> 
 
       <td> 
 
       <td> 
 
        <div id="fourthdiv">div4</div> 
 
        <td> 
 
        <tr> 
 
         <table>

Quelle

2016-07-12 05:19:55 DiniZx

Wenn Sie eine Funktion zum Zeitpunkt auszuführen auf div klicken, von dem anruf ID, das ist der Code:

<head> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

$(document).ready(function() { 

    $('#firstdiv').click(function(){ 

    /*I add alert for the example, but here is where you put your code*/ 
    alert($(this).attr('id')); 

}); 

</head> 

<body> 

<div id="firstdiv">div1</div> 

</body>

Neben diesem die Informationsverbindung mit der Funktion Klick() in jquery, hat Beispiel dafür, wie es in verschiedenem Ereignisse auf einem Element zu verwenden: https://api.jquery.com/click/

Beispiel die div innen Tabelle Aufruf:

$("table div").click(function(){ 

    /*I add alert for the example, but here is where you put your code*/ 
    alert($(this).attr('id')); 

});

Beispiel mit dem Tag div Aufruf:

$('div').click(function() { 

    /*I add alert for the example, but here is where you put your code*/ 
    alert($(this).attr('id')); 

});

--body

<table> 

<tr> 

<td><div id="demo1"></td> 

</tr> 

</table>

Und das ist ein Beitrag mit gutem Beispiel: How can I get the ID of an element using jQuery?

Quelle

2016-07-12 05:41:14 XOXE

Hier ist eine einfache, aber effektive Antwort

<div id="someId" onclick="somefunction(this.id)"> 
    Click me 
</div> 
<script> 
    function somefunction(id){ 
    alert(id); 
    } 
</script>

Quelle

2016-07-12 05:54:02

Wie finde ich die div-ID auf Mausklick in jquery?

Antwort

Verwandte Themen