Помощь требуется на JQuery найти функцию

Question

Это может показаться немного тупой, но не могли бы вы указать, почему в следующем скрипте «firstValue» неопределен и «SecondValue» как это необходимо, т.е. 4.

<div > 
<input class="feedback-selected" type="hidden" value="4" /> 
</div>  
<script type="text/javascript"> 

    var firstValue = $(this).find('.feedback-selected').val(); 
    var secondValue = $('.feedback-selected').val(); 
    alert(firstValue); 
    alert(secondValue); 

</script> 

Я уверен, что не использую функцию поиска, как и должно быть.

Answer 1

Этот не имеет значения в вашем примере, поэтому функция find() ничего не найдет.

(это действует только в функциях экземпляра или обработчиков событий)

Answer 2

Что Activa сказал ... и вы могли бы, вероятно, использовать $ (документ) вместо $ (это), если вам нужно использовать .find()

Answer 3

ответ activa правильный. $("<selector>") является эквивалентом того, что вы пытались сделать с первым поиском. find("<selector>") предназначен для поиска внутри завернутого набора, а не как отправная точка.

Однако я хотел бы добавить, что лучший способ получения значения в данном случае:

var value = $("input.feedback-selected").val(); 

Это потому, что в том числе типа элемента позволит JQuery для поиска DOM в более быстром способе.

Answer 4

find() ищет элементы потомка объекта jQuery, на который вы его вызываете. Вы вызываете find() по результатам $ (this), что ничего. Если вы хотите вызвать find() в документе, вам придется использовать $ (документ).

Answer 5

this в вашем примере не является элементом DOM, который содержит любые подэлементы класса «обратная связь», поэтому функция find не может их найти. Это может быть даже не элемент DOM.

Я хотел бы отметить, что $ (this) может быть действительным в любом месте, это указывает на элемент DOM. Поэтому, если вы в любой момент запускаете функцию, вызываемую из элемента DOM, все в порядке. В этом случае речь идет о масштабах. Это было бы справедливо также:

function aha() { 
alert($(this).find('.feedback-selected').val()); 
} 

aha.apply(document); 

Answer 6

Explanation of what 'this' means in jQuery