Как получить значения элементов внутри элемента с классом

Question

Ниже код создается из моей БД, поэтому его несколько с тем же именем classes, но с другим содержимым. Что мне нужно сделать, так это то, что при нажатии кнопки с class = 'config' мне нужно получить значения ['value','type','info'] из this div с this class = config. Как мне это сделать?

$(".config").click(function(){ 
    var id = $(this).attr('id'); 
}); 

Любой Подсказка?

HTML

<div class="mws-form-row bordered"> 
    <label class="mws-form-label"><?php echo SaleAdmin_Engine::getConfigName($this->result[0]['config_name']) ; ?></label> 
     <div class="mws-form-item"> 
     <b>Value</b> <input type="text" class="value required large" value="<?php echo $this->result[0]['config_value']; ?>"> 
     <b>Type</b> <input type="text" class="type required large" value="<?php echo $this->result[0]['config_type']; ?>"> 
     <b>Info</b> <textarea rows="" cols="" class="info required large"><?php echo $this->result[0]['config_info']; ?></textarea> 
     </div> 
<button class="config btn btn-inverse btn-small" rel="<?php echo $this->result[0]['config_id']; ?>" type="button">Save</button> 
</div> 

Answer 1

Если я вас правильно понял что-то, как это должно работать для вас

$(".config").click(function(){ 
     var form1 = $(this).parent();   
     var value = form1.find(".value").value(); 
     var type = form1.find(".type").value(); 
     var info = form1.find(".info").value(); 
    }); 

Answer 2

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

$(document).ready(function(){ 
    $(".config").click(function(){ 
     var form1 = $(this).parent();   
     var value = form1.find(".value").val(); 
     var type = form1.find(".type").val(); 
     var info = form1.find(".info").val(); 
    }); 
}); 

0 Работает jsfiddle.

Answer 3

Вы можете получить коллекцию с помощью селектора классов jQuery, а затем перебрать все их одним выстрелом, используя функцию отображения jQuery для создания ваших значений.

$(".config").click(function(){ 
    //Get all items with required class 
    var resultArray = $.map($(".required"), function(val){ 
    return val.value; 
    }); 
    console.log(resultArray); 
}); 

в действии в этом fiddle