使用给定的 src 将类添加到 <img>s

Add class to <img>s with a given src

本文关键字：img 添加 src      更新时间：2023-09-26

HTML： 

<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>
当用户在输入字段中输入"filename1

"并单击按钮时，我想向包含"filename1"的 src 的 img 添加一个类"不透明度"，其余的 img 标签也是如此。

您可以添加如下类： 

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

它只会向具有 src 属性（如输入）的图像添加不透明度类。

我假设您想为所有图像元素添加不透明度类，这是正确的吗？

㞖。

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

和工作 plunkr

相关文章：