Используя область родительского div

Question

Используя область родительского div

0

В следующем коде на бланке нажмите родительский текст ввода div. Я не понимаю, что означает "использование области родительских divs. Может кто-нибудь, пожалуйста, объясните мне об этой области

HTML

<div class="info">
 <input type="text" placeholder="Email" class="email" value="[email protected]" />
 <button class="btn">Click Me</button>
 </div>

 <div class="info">
 <input type="text" placeholder="Email" class="email" value="[email protected]" />
 <button class="btn">Click Me</button>
 </div>

 <div class="info">
 <input type="text" placeholder="Email" class="email" value="[email protected]" />
 <button class="btn">Click Me</button>
 </div>

 <div class="info">
 <input type="text" placeholder="Email" class="email" value="[email protected]" />
 <button class="btn">Click Me</button>
 </div>

Jquery

$(document).on('click', '.btn', function () {

var $this = $(this).parents('.info');
var email = $('.email', $this).val();

alert(email);

});

Ace 22 окт. 2013, в 11:02

Источник

0

в качестве примечания используйте $(this).closest('.info')
Arun P Johny 22 окт. 2013, в 08:57
0

Вы уверены, что возможно получить значение 2 элемента, например this $('.email', $this).val(); или это ошибка заклинания $('.email ' $this).val();
Praveen 22 окт. 2013, в 08:58
2

«Мне непонятно, что это значит« использование родительского divs scope » . Фраза не имеет особого значения в отношении того, что вы опубликовали, вам придется спросить, кто бы это ни был, кто использовал эту фразу.
T.J. Crowder 22 окт. 2013, в 08:59
0

@ Arun Это неправильно использовать родителей (). Я новичок в jquery
Ace 22 окт. 2013, в 08:59
0

Вы имели в виду scope или context
Arun P Johny 22 окт. 2013, в 08:59
0

@TJ кто-то дал мне этот код и сказал, что var email = $ ('. Email', $ this) .val (); // эта строка использует родительский div в качестве области видимости
Ace 22 окт. 2013, в 09:00
0

Если это разметка, то решение должно использовать метод .prev (), чтобы получить электронное письмо, например $(this).prev('.email').val()
Arun P Johny 22 окт. 2013, в 09:01
0

@ user1671639 работает нормально jsfiddle.net/4TSYt
Ace 22 окт. 2013, в 09:01
0

@ Arun У меня много полей ввода в каждом div
Ace 22 окт. 2013, в 09:02
0

вот почему я отметил о разметке ... если фактический отличается, тогда .closest() путь
Arun P Johny 22 окт. 2013, в 09:03
0

Код @Arun выглядит примерно так: jsfiddle.net/4TSYt/1
Ace 22 окт. 2013, в 09:08

Показать ещё 9 комментариев

Теги:

jquery

scope

4 ответа

0

var $this = $(this).parents('.info');
var email = $('.email', $this).val();

email обозначает значение элемента, имеющего класс .email внутри элемента, имеющего класс .info (где $this элемент является родительским элементом нажатой кнопки).

Надеюсь, теперь понятно.

Вы можете обратиться к jQuery для лучшего понимания.

Nishu Tayal 22 окт. 2013, в 08:07

0

// this will bind click event on buttons

$(document).on('click', '.btn', function () {

,

// this traverses the ancestry of that button until it finds an element 
// with a class "info", and then caches that jQuery object in $this

var $this = $(this).parents('.info');

,

// this searches for element with class "email" inside the cached element $this 
// (which is the parent as traversed above)
var email = $('.email', $this).val();

Когда вы находите элемент внутри элемента с использованием синтаксиса $('selector1', 'selector2'), вы находите элемент с "selector1" в области "selector2".

Abhitalks 22 окт. 2013, в 08:00

0

Вы можете использовать siblings чтобы получить прямо по электронной почте

$('.btn').on('click', function () {
    var email = $(this).siblings().val();
    alert(email);
});

jsFiddle here

Donovan Charpin 22 окт. 2013, в 06:48

Ещё вопросы

в качестве примечания используйте $(this).closest('.info')
Вы уверены, что возможно получить значение 2 элемента, например this $('.email', $this).val(); или это ошибка заклинания $('.email ' $this).val();
«Мне непонятно, что это значит« использование родительского divs scope » . Фраза не имеет особого значения в отношении того, что вы опубликовали, вам придется спросить, кто бы это ни был, кто использовал эту фразу.
@ Arun Это неправильно использовать родителей (). Я новичок в jquery
@TJ кто-то дал мне этот код и сказал, что var email = $ ('. Email', $ this) .val (); // эта строка использует родительский div в качестве области видимости
Если это разметка, то решение должно использовать метод .prev (), чтобы получить электронное письмо, например $(this).prev('.email').val()
@ user1671639 работает нормально jsfiddle.net/4TSYt
@ Arun У меня много полей ввода в каждом div
вот почему я отметил о разметке ... если фактический отличается, тогда .closest() путь
Код @Arun выглядит примерно так: jsfiddle.net/4TSYt/1

T.J. Crowder · Accepted Answer · 2013-10-22T06-18-00.000Z

Из вашего комментария по вопросу:

кто-то дал мне этот код и сказал var email = $ ('. email', $ this).val(); // эта строка использует родительский div как область действия

Их терминология была неправильной, но то, что они пытались сказать, было то, что эта строка:

var email = $('.email', $this).val();

... будут найдены только элементы, соответствующие селектору .email которые являются потомками div внутри $this набора jQuery, а затем получают значение этого элемента.

Эта строка эквивалентна этому:

var email = $this.find('.email').val();

... и на самом деле, если вы используете $(selector, $this), jQuery будет просто поворачиваться и вместо этого делать $this.find(selector).