Получить текущее значение в наборе классов CSS, используя Jquery

Question

У меня есть такой класс, как этот

<div class = "student">
<div class = "name">Adam </div>
<input class = "paperTaken">
</div>

<div class = "student">
<div class = "name">Smith</div>
<input class = "paperTaken">
</div>

Когда я помещаю курсор в поле ввода (скажем, «paperTaken» в первом классе «ученик»), я могу получить соответствующее значение в классе «имя» (например, Адам).

Не могли бы вы помочь мне? Заранее спасибо.

P / S:

На самом деле я использовал его для автозаполнения с помощью плагина автозаполнения Jquery , поэтому я должен слушать paperTaken для автозаполнения

$(function(){ 
autoComplete(); 
} 

function autoComplete() { 
//This will result list of papers that StudentName take 
$(".paperTaken").autocomplete(baseUrl+"/autocomplete.php?student=StudentName 
... } 

Я хочу, чтобы имя студента было включено в запрос на автозаполнение. Поэтому я попытался применить ваше предложение, используя

$('.paperTaken').focus(function() {
 ... 
} 

Но похоже, что это не работает.

Мне интересно, если "papertaken" уже прослушивался автозаполнением, может ли он прослушивать вызов "focus"?

Answer 1

Я предполагаю, что вы хотите заполнить ввод содержимым элемента с классом name? Тогда может работать следующее (не проверено):

$('.paperTaken').focus(function(){
  $(this).val($(this).siblings('.name').text());
});

Answer 2

$('.paperTaken').focus(function() {
       // $(this) references the <input> element that received focus
       // .prev() references the sibling that comes directly before $(this)
       // .text() will return the text value of the .prev() element
    var name = $(this).prev().text();

      // Log the result to the console, or use it however you need
    console.log( name );
});

---

Соответствующие документы jQuery:

• .prev() - http://api.jquery.com/prev/
• .text() - http://api.jquery.com/text/

Answer 3

1. Элемент списка

$ (документ) .ready (function () {

    $('input.paperTaken').focus(function() {
        var value=$(this).siblings('.name').text();
        $(this).val(value);
    });

});