0

下面的代码是从我的数据库创建的，因此它的多个classes名称相同但内容不同。我需要做的是，当单击带有按钮的按钮时，class = 'config'我需要使用class = 获取div的值['value','type','info']。我该怎么做呢？thisthisconfig

$(".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>
4

3 回答 3

2

如果我理解正确的话，这样的东西应该适合你

   $(".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();
    });
于 2013-05-07T15:36:15.103 回答
1

选择器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();  
    });   
});

这是一个工作jsfiddle。

于 2013-05-07T15:40:43.453 回答
0

您可以使用 jQuery 类选择器获取一个集合，然后使用 jQuery map 函数一次性遍历它们以构建您的值。

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

在这个小提琴中看到它的实际效果

于 2013-05-07T15:40:53.677 回答