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