如何使用javascript或css選擇特定圖像

如何使用javascript選擇圖像中的特定圖像或<div>以獲得所選圖像的id。如何使用javascript或css選擇特定圖像

我想根據用戶名我覺得上面的JavaScript是用來選擇圖像保存被選擇爲一個數據庫中的圖像，但它不工作：

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>

來源

2016-03-29 ngopal

的可能的複製[獲取使用jQuery的圖片ID]（http://stackoverflow.com/questions/20759020/get-the-image-id-using-jquery） –

@MatthiasSteinbauer如何這是這個問題的可能重複嗎？這個問題甚至沒有jQuery標籤。 –

一般來說，這個問題過於簡單。它可以很容易地通過任何aprox回答。 50個重複實用程序提出的問題。我不認爲這個問題對社區有很大的價值。 –

您可以將參數圖像本身傳遞給imgWindow函數，然後您可以通過prop（）獲取圖像的id（）

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>

來源

2016-03-29 14:53:55

他沒有說他正在使用jQuery – Craicerjack

@Craicerjack好，看到更新的答案 –

如何使用javascript或css選擇特定圖像

回答

相關問題