var value = $('#id').val();
document.querySelectorAll('[id="id"]').forEach(el => {
var l = document.createElement('img');
l.src = 'https://greenbelarus.info/files/e097aa3018e45a2cce59e61c4f67b8ec.jpg';
el.appendChild(l);
});
[id="id"] {
height: 150px;
width: 150px;
}
img {
height: 120px;
width: 120px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="id" value="car"></button>
<button id="id" value="bus"></button>
Стоит запомнить, что если на странице много одинаковых элементов, сходные по концепции, то стоит использовать классы, а не идентификаторы.
var value = $('#id').val();
document.querySelectorAll('.btn').forEach(el => {
var l = document.createElement('img');
l.src = 'https://greenbelarus.info/files/e097aa3018e45a2cce59e61c4f67b8ec.jpg';
el.appendChild(l);
});
.btn {
height: 150px;
width: 150px;
}
img {
height: 120px;
width: 120px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button value="car" class="btn"></button>
<button value="bus" class="btn"></button>