Question

내가 사용하여 이미지 SRC를 얻으려고이이에 var SRCNow = $('#'+ID+'.item').attr("src");

:

<a id='17' href='#' name='item' class='tilelink'><img title='17' id='17' style='background:red'; class='item' src='line_tile/t17.png' /></a> 

을 그래서 클릭 이미지를 수행하여 해당 이미지를 클릭하면 ... : var ID = $(this).attr("id");

그리고 나서 alert(SRCNow);을 수행하고 정의되지 않은 상태가됩니다 ... SRC를 말할 때.

Answer 1

문제는 같은 ID의 두 요소가 있다는 것입니다. 허용되지 않습니다.

http://www.w3schools.com/tags/att_standard_id.asp

:

정의 및 사용

id 속성은 HTML 요소에 대한 고유 ID 를 지정합니다.

id는 HTML 문서 내에서 고유해야합니다.

Answer 2

먼저, html id는 문자 (What are valid values for the id attribute in HTML?)로 시작해야합니다.

특정 문제는 다음과 같이 ID와 클래스 item 사이에 공백을 추가해야한다 :

var SRCNow = $('#'+ID+' .item').attr("src");

Answer 3

문제는 사용자가 ID (17)와 LINK뿐만 아니라 이미지를 가지고있다 ID는 고유해야합니다. 또한 숫자로 시작하는 ID는 유효하지 않습니다 (기억하는 한).

먼저 고유 한 ID를 만듭니다. 그런 다음 이미지 src를 가져올 때 클래스 필터가 필요하지 않습니다.

<a id='link-17' href='#' name='item' class='tilelink'> 
    <img title='17' id='img-17' style='background:red'; class='item' src='line_tile/t17.png' /> 
</a> 

var SRCNow = $('img-17').attr('src'); 

또는 반복 할 수 있습니다. 항목 '

var srcs = []; //array of srcs 
$('images.item').each(function(){ 
    srcs.push($(this).attr('src')); 
})