Wie verwende ich jQuery die ID des div, die angeklickt wurde?

Brauche ich, um die ID des angeklickten-auf div.

Wenn ich jetzt auf status klicken Klasse ich ein undefined zurückgegeben-id.

Hier ist mein javascript-code

jQuery(document).ready(function() {
    $(".status").bind('click', $.proxy(function() {
        var status = $(this).attr('id');
        alert(status);
    }, this));
});

- und HTML -

<div class="status" id="s_1">111111</div>
<div class="status" id="s_3">33333</div>
<div class="status" id="s_2">222222</div>

Wie sollte ich die richtige id-Wert?

Warum die $.proxy ?
brauche ich andere Methoden aufrufen
ii wird gibt Sie die id aller Einbauteile abgestimmt auf diese Auswahl. verwenden Sie "jeder"

InformationsquelleAutor meli medo | 2012-06-28

jquery

19

Ich bin mir nicht sicher, warum Sie mit $.proxy. Entfernen Sie sollten erhalten Sie die gewünschten Ergebnisse.
```
$('.status').click(function(event) {
    var status = $(this).attr('id');
});
```
Wenn Sie immer noch wollen, um proxy verwenden, können Sie Zugriff auf das angeklickte element durch event.currentTarget
```
$(".status").bind('click', $.proxy(function(event) {
    var status = $(event.currentTarget).attr('id');
    alert(status);
}, this));
```
Wie mein Kommentar oben: Warum jQuery verwenden, um die element-id? und du bist fehlt den Punkt, bevor die status-selector.
denn das ist, was er tut.
ähmm. Sollte man seinen code nicht kopieren. 🙂

InformationsquelleAutor digitaldreamer
2

Wie etwa:
```
$('div').on('click', function(){
    alert($(this).attr("id"));
});
```
Muss das Werk nur für die divs mit der Klasse status? Wenn ja, versuchen Sie:
```
$('div.status').on('click', function(){
    alert($(this).attr("id"));
});
```
ähm ich habe nicht downvote, aber `div.status' funktionieren würde, wie ein Selektor.
Ja, das wäre wahrscheinlich sauberer, danke.
Jetzt hat es andere Fehler, das ist nun die Suche nach Knoten, die sich innerhalb eines div mit der status-Klasse. Sind Sie fimilar mit jQuery?
Du hast Recht, schlampig edit auf meinem Teil.

InformationsquelleAutor woemler
1

Ereignisse verwenden.Ziel verweisen, das element
```
jQuery(document).ready(function() {
        $(".status").bind('click', $.proxy(function(event) {
            var status = $(event.target).attr('id');
          alert(status);
    }, this));
});
```
in Aktion sehen: http://jsfiddle.net/vNaqR/

ich danke Ihnen sehr 🙂
HINWEIS: Sie können verwenden var status = event.target.id; aber ich folgte Ihren code auf das Teil.

InformationsquelleAutor Mark Schultheiss

$('selector').each(function(){
    $(this).click(function(){
        alert($(this).attr('id'))
    });
});

InformationsquelleAutor speedingdeer

0

Erklärung von PROXY-Problem :

Werden vorsichtig durch die Verwendung von $.proxy().
Es ruft eine Funktion (hier ist der parameter 1) verwenden Sie die angegebenen Kontext (hier die parameter-2) anstatt der Kontext, in dem das Ereignis ausgelöst wird.

In der wichtigsten Frage, der angegebene Kontext wird $(document) so.
Auf diese Weise, die Funktion auszuprobieren, um die ID des Dokuments anstatt der ID des Objekts, auf dem das Ereignis ausgelöst wird ($('.status') element).

InformationsquelleAutor user2842836

Ich versuche, die Anzeige der versteckten div, wenn ich auf den button klicken,dann jedes mal, wenn Benutzer klicken Sie auf die Schaltfläche " mehr anzeigen Indizes.

Das nicht funktioniert, da auf der Liste ist immer leer, wenn ich auf den hinzufügen-Modus nicht Bearbeiten(Anzeige der div, wenn es ' s edit)

                       <li>
                        <button type="button" name="addAnotherButton" class="btnFwd gradient smButtonStyling" 
                        onClick="showInput();">
                            <img src="/Common/web/static/images/add.png" class="smbtnIcon" />
                            Add Another 
                    </button>
                </li>

                <li>
                           <c:forEach items="${planInfoList}" var="planInfo" varStatus="status">
                        <div id="uploadBody[${status.index}]" style='display = none'>
                            <label class="adminFormLabel">Title:</label>
                            <form:input path="planInfoList[${status.index}].title" onfocus="this.select();" maxlength="50" size="30"/>
                            <label class="adminFormLabel">Plan Number:</label>
                            <form:input path="planInfoList[${status.index}].planNumber" size="10" maxlength="10"/>
                        </div>
                    </c:forEach>
                </li>

JS:

var found = 0;
    if ($('#uploadBody' + i).hide()) {
        for (var i = 0; i < 5; i++) {
            if (found == 0) {
                $('#uploadBody' + i).show();
            }
            found++;
        }       
        }

InformationsquelleAutor Samarland

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".divField").click(function(){
        alert("id : " + $(this).attr("id"));
    });

});
</script>
</head>
<body>
<h1>For finding id click below text</h1>
<div id="id1" value="Example 1" class="divField">My id is <b>id1</b></div>
<div id="id2" value="Example 2" class="divField">My id is <b>id2</b></div>

</body>
</html>

InformationsquelleAutor pruthwiraj.kadam

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.