Javascript veya css kullanarak belirli bir görüntü nasıl seçilir?

Question

Tablodaki belirli bir görüntü nasıl seçilir veya seçilen bir id görüntüsünü almak için javascript kullanarak .

Ben kullanıcı adı göre yukarıdaki javascript resmi seçmek için kullanılır düşünüyorum bir veritabanına seçilir bir görüntü kaydetmek istediğiniz ama çalışmıyor:

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>

`

Answer 1

Parametre görüntüsünü kendiliğinden imgWindow işlevine iletebilirsiniz, ardından görüntü kimliğini prop() ile alabilirsiniz()

arasında

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>