Question

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中添加“opacity”类，并为其余img标记添加相同内容

Answer 1

您可以添加如下类：

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

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

Answer 2

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

如果是的话。

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

working plunkr

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

2 个答案: