Как вывести свойство выбранного элемента в jquery?

Question

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> 
    </script> 
<a href="http://www.google.com" id="aGoogle1">Google Link</a> 
<script type="text/javascript"> 
$(function() 
{ 

     console.log($('a[href="http://www.google.com"]')); 
}); 
</script> 

В chrome-> console, я вижу, $('a[href="http://www.google.com"]') возвращает выбранный элемент, и я вижу, что он имеет это свойство: id: «aGoogle1». поэтому мой вопрос:

Как вывести свойство, например. id, я пробовал $('a[href="http://www.google.com"]'.id), но он не работает?

Answer 1

Вы можете использовать attr() и prop(), чтобы получить атрибуты элемента. Однако между ними существуют некоторые различия. проверьте attr() Vs prop(). Вы можете получить доступ к ид по

$('a[href="http://www.google.com"]').attr('id'); 

или

$('a[href="http://www.google.com"]').prop('id'); 

Answer 2

использование attr() получить или установить атрибуты

alert($('a[href="http://www.google.com"]').attr('id')); 

это будет получить идентификатор выбранных элементов

Answer 3

Ue attr

$('a[href="http://www.google.com"]').attr('id'); 

или prop

$('a[href="http://www.google.com"]').prop('id'); 

Answer 4

$('a[href="http://www.google.com"]'.id) 

Этот код пытается получить доступ к свойству id на объект строки 'a[href="http://www.google.com"]'; результатом является undefined. После этого вы обертываете это внутри объекта jQuery. Результатом этого является пустой набор jQuery.

Вы должны всегда начинать здесь:

$('a[href="http://www.google.com"]') 

И затем использовать функции JQuery, чтобы делать то, что вам нужно. В вашем случае вы хотите получить доступ к свойству анкерного элемента, поэтому вы используете prop():

$('a[href="http://www.google.com"]').prop('id')