Wie wählt man ein bestimmtes Bild mit Javascript oder CSS

Wie wählen Sie ein bestimmtes Bild in der Tabelle oder <div> mit Javascript, um eine id des Bildes ausgewählt.Wie wählt man ein bestimmtes Bild mit Javascript oder CSS

Ich möchte ein Bild speichern, die zu einer Datenbank ausgewählt wird nach Benutzername Ich denke, die oben Javascript verwendet wird, um das Bild zu wählen, aber es funktioniert nicht:

function imgWindow() { 
 
    var s = window.getSelection() 
 
    var r = document.createRange(); 
 
    r.selectNode(document.images[a, b, c]); 
 
    s.addRange(r); 
 
}

<div> 
 
    <img src="images/p1.jpg" id="a" align="center" width="100" height="100" onclick="imgWindow()" /> 
 
    <img src="images/p2.jpg" id="b" align="center" width="100" height="100" onclick="imgWindow()" /> 
 
    <img src="images/p3.jpg" id="c" align="center" width="100" height="100" onclick="imgWindow()" /> 
 
    <img src="images/p2.jpg" alt="b" align="center" width="100" height="100" onclick="imgWindow() "> 
 
</div>

Quelle

2016-03-29 ngopal

Mögliche Duplikat [Holen Sie sich das Bild-ID mit Jquery] (http://stackoverflow.com/questions/20759020/get-the-image-id-using-jquery) –

@MatthiasSteinbauer Wie Ist das ein mögliches Duplikat dieser Frage? Diese Frage enthält nicht einmal das jQuery-Tag. –

Im Allgemeinen ist die Frage zu einfach. Es hätte leicht von jedem der ungefähren beantwortet werden können. 50 Fragen, die das Duplikat-Dienstprogramm aufgeworfen hat. Ich glaube nicht, dass diese spezielle Frage viel zur Gemeinschaft beiträgt. –

Sie können Parameter Bild selbst zu imgWindow Funktion übergeben, dann können Sie ID von Bild von prop()

erhalten

function imgWindow(img) { 
 
    //none juery version 
 
    console.log(img.id) 
 
    
 
    //jquery version 
 
    console.log(($(img).prop("id"))) 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <img src="images/p1.jpg" id="a" align="center" width="100" height="100" onclick="imgWindow(this)" /> 
 
    <img src="images/p2.jpg" id="b" align="center" width="100" height="100" onclick="imgWindow(this)" /> 
 
    <img src="images/p3.jpg" id="c" align="center" width="100" height="100" onclick="imgWindow(this)" /> 
 
    <img src="images/p2.jpg" alt="b" align="center" width="100" height="100" onclick="imgWindow(this) "> 
 
</div>

Quelle

2016-03-29 14:53:55

Er sagte nicht, er war mit jQuery – Craicerjack

@Craicerjack gut, siehe aktualisierte Antwort –

Wie wählt man ein bestimmtes Bild mit Javascript oder CSS

Antwort

Verwandte Themen