jQuery Получить значение двух текстовых полей внутри <p> или <div>

Question

jQuery Получить значение двух текстовых полей внутри <p> или <div>

0

Мне нужно получить значения двух текстовых полей, которые находятся внутри <p> </p> поэтому я могу отправить их через ajax. Я застрял в том, как эффективно получать ценности. На этой странице есть несколько <p></p> и мне нужно только получить значения контейнера <p></p> который я нажимаю 'Approve' или 'Delete'. Мой метод довольно груб. Можете ли вы предложить что-то более элегантное и эффективное?

<body>

<p class="rawData">
<span>
<input class="minWeight" type="text" placeholder="Minimum Weight">
<input class="maxWeight" type="text" placeholder="Maximum Weight">
</span>
<span class="actions">
<i class="icon-accept blue approve"></i>
<i class="icon-reject blue delete"></i>
</span>
</p>

<p class="rawData">
<span>
<input class="minWeight" type="text" placeholder="Minimum Weight">
<input class="maxWeight" type="text" placeholder="Maximum Weight">
</span>
<span class="actions">
<i class="icon-accept blue approve"></i>
<i class="icon-reject blue delete"></i>
</span>
</p>

</body>

$('.approve,.delete').live('click', function() {

    var self = $(this);
    console.log(self.parent().parent()//find etc);

});

jmenezes 07 янв. 2014, в 13:44

Источник

0

Есть ли причина, по которой у них нет уникальных идентификаторов? Они создаются динамически без заданного количества?
trgraglia 07 янв. 2014, в 12:06
0

Да. Они создаются динамически. просто так, как ты их там видишь.
jmenezes 07 янв. 2014, в 12:22

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Есть ли причина, по которой у них нет уникальных идентификаторов? Они создаются динамически без заданного количества?
Да. Они создаются динамически. просто так, как ты их там видишь.

CodingIntrigue · Accepted Answer · 2014-01-07T09-34-00.000Z

Я бы использовал closest чтобы найти первый родительский экземпляр rawData, а затем отфильтровать оттуда:

$('.approve,.delete').on('click', function() {
    var $raw = $(this).closest(".rawData");
    console.log($raw.find("minWeight").val());
    console.log($raw.find("minWeight").val());
});

@jmenezes, обратите внимание на использование «on» вместо «live». Это с 1.7. Имейте это в виду также. api.jquery.com/on