如何從元素中獲取元素值

下面的代碼是從我的數據庫創建的，因此它的多個與classes名稱相同，但內容不同。我需要做的是，當點擊按鈕class = 'config'被點擊時，我需要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>

來源

2013-05-07 Fawad Ghafoor

你的意思是你想要做什麼，但你不能告訴其中的代碼的問題是堅持？ – akash4eva 2013-05-07 15:35:37

如果我理解你正確地這樣的事情應該爲你

$(".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-07 15:36:15

在您選擇的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-07 15:40:43

您可以使用jQuery類選擇器獲取集合，然後使用jQuery地圖函數一次性遍歷它們以構建您的值。

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

看到它在行動在這個fiddle

來源

2013-05-07 15:40:53 sriniris

如何從元素中獲取元素值

回答

相關問題