이미지의 src를 어떻게 가져 옵니까?

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

및 상기 데이터 층의 값이 다수있는 사용자 입력이고 만있는 사용자 입력에 의해 이미지를 얻을 수 있도록 여러 데이터 레이어있다 : 다음 방법이미지의 src를 어떻게 가져 옵니까?

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

을 "a"의 href를 이미지의 src로 변경 하시겠습니까? 좋아요 :

<a href="1.jpg">GO</a> 어쩌면 작동할까요?

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

도움 주셔서 감사합니다.

출처

2013-12-18 spoonwep

"1.jpg"이 이미지 src에 있어야한다고 동일한 방식으로 결정했습니다. –

그래서 기본적으로 모든 .thumb을 가져 와서 그 내부의 이미지의'src'에'href'를 설정하고 싶습니다. –

$('.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>

출처

2013-12-18 20:25:49 Sebastien

두 번째 스 니펫이 오류를 발생시킵니다. – PSL

두 번째 줄의 문제점은 무엇입니까 ?? – Sebastien

메소드 이름은'getElement * s * ByTagName'이며, 하나의 요소가 아니라 실제 NodeList를 리턴합니다. https://developer.mozilla.org/en-US/docs/Web/API/Element.getElementsByTagName –

당신은 이미지 SRC를 가져올해야한다 먼저 다음 A의 HREF에 assing 속성 :

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

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

,210

또는 일반 자바 스크립트

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

a.href = image.src;

출처

2013-12-18 20:31:49 tehsis

사용자 입력에 의해 이미지의 href 만 얻을 수 있다면 어떻게 할 수 있습니까? – spoonwep

그 의미에 대해 더 자세히 설명해주십시오. 사용자 입력은 어떻게됩니까? –

사용자가 이미지를 선택할 수 있으면 로컬 이미지의 경로에 액세스 할 수 없습니다. 사용자가 이미지의 URL을 사용할 수 있다고 언급하면 메서드는 비슷하지만 대신 입력에서 'src'특성을 얻습니다. 더 자세히 설명해주세요. – tehsis

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 그 내부의 .avatar 이미지 요소의 src로 설정합니다.

출처

2013-12-18 20:33:23

사용자 입력 내용의 숫자는 데이터 레이어 값의 수입니다. – spoonwep

변경하려는 a 요소는 '양식 외부에 있습니다.' 엄지 손가락 '범위 – tehsis

이미지의 src를 어떻게 가져 옵니까?

답변

관련 문제