到<img>■添加類與給定的src

-4

<table> 
    <tr> 
     <td><img src="images/filename1.jpg"></td> 
     <td><img src="images/filename2.jpg"></td> 
     <td><img src="images/filename3.jpg"></td> 
     <td><img src="images/filename4.jpg"></td> 
     <td><img src="images/filename5.jpg"></td> 
    </tr> 
</table> 

<input type="text" id="input"> 
<button id="btn">Submit</button>

當在輸入欄「文件名1」的用戶類型並按下按鈕，我想一個類「不透明度」添加到IMG其中src包含「filename1」，對於其餘的img標籤也是如此。

來源

2014-12-27 joaquin garcia

如果你輸入''filename1''你想把'opacity'類名添加到''元素作爲其'src'中的文件？和其他''標籤？ ...爲什麼打擾什麼，爲什麼不把這個類名應用於所有''元素？ –

請下次嘗試關閉括號。即使在這樣簡單的情況下，您也需要在帖子中更具體。嘗試使用jsfiddle.net顯示您的代碼以便將來提供更好的解釋。 –

@DavidThomas你沒有得到它。他意味着在每個給定的情況下，用戶鍵入不同的圖像名稱，他希望以相同的方式添加類。 –

您可以添加一個類是這樣的：

var name = $("#input").val(); 
$("img[src='images/"+name+"']").addClass("opacity");

這隻會增加不透明度類具有像輸入src屬性的圖像。

來源

2014-12-27 00:42:17

真棒這工作得很好謝謝只需要刪除.jpg擴展 –

@joaquingarcia或只是將其添加到選擇器..不需要額外的函數調用..'$（「img [src ='images /」+ name +「。 jpg']「）。addClass（」opacity「）;'...除非你有其他文件類型，例如'.png'的 – Bill

謝謝比利， –

我假設你想添加不透明類到所有的圖像元素，這是正確的？

如果是這樣。

$('#btn').on('click', function(){ 
    $('img').addClass('opacity') 
})

而且working plunkr

來源

2014-12-27 00:38:02 loujaybee

我不認爲你的假設是正確的。看到我對穆罕默德的回答的評論。 – Bill

穆罕默德刪除了他的答案。這個問題說，當用戶點擊按鈕時，該類應該被添加到在其src文本框中指定了文件名的圖像中。 – Bill

到<img>■添加類與給定的src

回答

相關問題