javascript - 查找图像 ID 并替换为单击的按钮类

Question

<div>
    <a class="img1">click1</a><br>
    <a class="img2">click2</a><br>
</div>
<div>
    <img id="img1" src="images/01.png">
    <img id="img2" src="images/02.png">
</div>

这是我的 jquery 代码

$(".yo a").click(function(){
    var class1 = $(this).attr("class");
    $(".yo").find("img").attr("id",class1).css("padding","50px");
})

我想获取“a”标签的类名并找到具有相同名称的图像 ID 并更改该图像的填充，在此先感谢(抱歉我的英语不好:p)

Answer 1

//$(".yo").find("img").attr("id",class1).css("padding","50px");
$(".yo").find("img#"+class1).css("padding","50px");

但是如果你的元素有多个类(比如 class="img-id other-class one-more-class")——你应该另外解析类属性并决定哪一个可以是图像 ID。

也许检查所有这些(不是最优但最容易实现:

var class1 = $(this).attr("class").split(/\s+/).map(function(a){return '#'+a;}).join(',');
$(".yo").find('img').find(class1).css("padding","50px");