Как получить src изображения вроде этого?

Question

<div data-layer=""> 
    <div class="area-comment-left"> 
    <a class="thumb" target="_blank" href="index.php"> 
     <img class="avatar" src="1.jpg" data-name="www"> 
    </a> 
    </div> 
</div> 
<a href="">GO</a> 

и выше, значение данных слоя представляет собой число, которое пользователь вводит, и существует множество данных-слоев, так что вы можете получить только изображение, с помощью которого пользователь вводит:

<input class="floor" value="a number"> 

тогда как изменить href «a» на src изображения? например:

<a href="1.jpg">GO</a> Возможно, это сработает?

var floor = $("div[data-layer="+$('.floor').val()"] .area-comment-left .thumb .avatar").attr("src"); 

Большое вам спасибо за помощь!

Answer 1

$('.thumb').attr('href', '1.jpeg'); //JQuery

или

var a = document.getElementsByTagName('a')[0].href = "1.jpeg";

С вводом пользователя:

<form action="" method="POST"> 
    <input type="text" id="txtImage"/> 
    <input type="button" id="cmdOk" value="Ok"/> 
</form>//could be a div but for the purpose I decided I would use a form 
<script> 
    $('#cmdOk').on('click', function(){ $('.thumb').attr('href', $('#txtImage').val());}); 
</script> 

Answer 2

Вы должны принести SRC изображения атрибут первого, а затем Ассинг его HREF коэффициенты а:

var image_src = $('.avatar').attr('src') 

$('.thumb').attr('href', image_src); 

или используя обычный JavaScript

var image = document.querySelector('.avatar'); 
var a = document.querySelector('.thumb'); 

a.href = image.src; 

Answer 3

var thumbs=document.getElementsByClassName('thumb'); 
    // loop through the `.thumb`s 
for(var i=0,l=thumbs.length;i<l;i++){ 
    thumbs[i].href=thumbs[i].getElementsByClassName('avatar')[0].src; 
} 

Это будет цикл через все .thumb с и установить их href к src элемента .avatar изображения внутри них.