<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)

最佳答案

//$(".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");

关于javascript - 查找图像ID并替换为单击的按钮类,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41076490/

10-12 12:51
查看更多