jQuery: Как получить и установить src изображения с помощью метода attr в jQuery
В этом руководстве вы узнаете, как получить и установить src изображения с помощью метода attr в jQuery.
jQuery получить и установить Src изображения
Метод attr() для получения и изменения источника src изображения в jQuery.
Как получить изображение src
Используйте приведенный ниже код, чтобы получить изображение src.
$(document).ready(function() {
$('.btn').click(function(){
$imgsrc = $('img').attr('src');
alert($imgsrc);
});
});
Как установить src изображения
Используйте приведенный ниже код, чтобы установить src изображения.
$(document).ready(function() {
$('.btn').click(function(){
$("img").attr("src",'test.png');
});
});
Возьмем пример
В следующем примере второе изображение изменится на первое.
<html>
<head>
<title> How to get and set image src attribute example</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function() {
$('.btn').click(function(){
$imgsrc = $('#first').attr('src');
$("#second").attr("src",$imgsrc);
});
});
</script>
<style>
.card{
margin: 30px;
}
</style>
</head>
<body>
<div class="card">
<img src="//makecodes.ru/uploads/posts/2021-12/jquery.webp" width="100" id="first" alt="">
</div>
<div class="card">
<img src="//makecodes.ru/uploads/posts/2021-12/1639001779_codeigniter-4.webp" width="100" id="second" alt="">
</div>
<button type="type" class="btn">Get & Set image src</button>
</body>
</html>
В приведенном выше примере мы получили первое изображение src и установили src на второе изображение.
В этой статье вы узнали, как получить тег изображения src и установить тег изображения src с помощью jQuery attr() на примере.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.