2013-02-15 5 views
0

아래에 제공된 것과 같이 다양한 제목 속성을 가진 IMG 태그 목록이 있습니다.jQuery - IMG 태그에서 제목 속성 얻기

<img src="avatar1.png" title="Admin" height="90px" width="90px" /> 
<img src="avatar2.png" title="Purus" height="90px" width="90px" /> 
<img src="avatar3.png" title="Test" height="90px" width="90px" /> 

사용자가 이미지를 클릭 할 때 IMG 태그의 TITLE 속성을 가져 오려고합니다. 아래는 내가 사용한 jQuery입니다.

$('img').click(function(){ 
    alert($(this).attr('title')); 
}); 

이 코드에서는 경고가 "정의되지 않음"으로 표시됩니다. 이미 검색을 시도했지만 어떤 해결책도 도움이되지 않았습니다. 내가 여기서 잘못 가고있는 곳?

추신 : 여기 내 첫 번째 질문입니다. 그래서 내가이지면에서 잘못된 일을하고 있다면 조언.

+1

[저에게 맞습니다] (http://jsfiddle.net/ZX98T/) – Engineer

+0

jQuery를 포함하고 document.ready를 기억하십니까? – adeneo

+0

코드가 올바른 것 같습니다 ... 그리고 사실 그것은 나를 위해 작동합니다 ... – Bruno

답변

0

내가이 3 개 IMG 태그에 "이름"이라는 새로운 속성을 추가하고 내가 필요로 무엇을 실현하려 아래의 코드를 사용하여 확인하시기 바랍니다. 이 모든 도움에 감사드립니다.

$(this).attr('name') 
+0

여기에 설명 된 것과 같은 문제가 발생했습니다 ... 언급 한 모든 내용과 동일합니다. 속성 이름을 사용한 트릭도 효과가있었습니다. 흥미롭게도, 내 사이트의 경우 (내 페이지가 거대하기 때문에 내 페이지를로드하는 데 몇 초가 걸리기 때문에) alert ($ ("# myID"). attr ("title"))는 작업하기 전에 페이지의 제목 속성을 경고합니다 완전히로드되었지만 페이지가 완전히로드되면 "정의되지 않음"이라는 경고가 표시됩니다. –

1

참고 :이 답변은 처음에 가지고 있던 내용을 기반으로합니다. $(this).title - 나는 당신이 $(this).attr('title')으로 업데이트 했으므로 제대로 작동해야한다고 생각합니다. 다음은 title에 액세스하는 권장 방법입니다.


그냥 수행 alert(this.title); 필요하지 않습니다.

this 클릭 기능 내부에는 img 요소가 있습니다. src, title, height, width, e.t.c와 같은 속성을 가지고 있습니다.

단순히 등등 제목과를 얻기 위해, src 속성 값을 얻을 수 this.srcthis.titlethis 객체를 사용하여 이러한 속성에 액세스 할 수 있습니다.

+0

빠른 답장을 보내 주셔서 감사합니다. 이 작업을 시도 할 때 비어있는 경고 상자가 나타납니다. – Purus

+0

@ Purus 그 밖의 뭔가 잘못되었습니다. – Jack

+0

HTML에도 다른 IMG 태그가 있습니다. 그게 그 이유야? 내가 클릭 한 이미지의 제목을 얻고 싶습니다. 내가 틀렸다면 나를 바로 잡아라. – Purus

1

그 작업이 Demo

$('img').click(function(){ 
    alert($(this).attr('title')); 
}); 
+0

필자는 그렇게 생각하지 않는다. $ (문서)에 코드를 포함하고있다.준비 (function() {/ * your code * /})? – rahul

+0

나는 준비 함수 안에서 이것을 가지고있다. jquery가 작동하는 다른 부분이 있기 때문이다. – Purus