2014-06-12 33 views
0

玩弄一個小型數據綁定JavaScript庫,但我有點新的JavaScript。有沒有辦法找到元素以及所有包含data-bind屬性的封閉元素?查找數據*屬性,而無需使用jquery指定標籤

<form data-bind="Customer"> 
    <input type="text" id="name" data-bind="Name" data-bind-type="text" /> 
    <input type="text" id="birthday" data-bind="Birthday" data-bind-type="text" /> 
    <input type="text" id="address" data-bind="Address" data-bind-type="text" /> 
</form> 

我要定義一個函數,我只是通過在「客戶」的值,它會發現,有數據綁定=「客戶」(表格在這種情況下)的標籤和內所有標籤說包含定義了數據綁定屬性的標籤。在這種情況下,它會返回所有3個輸入標籤,以便我可以進一步檢查它們。

我看過的所有使用jQuery來做到這一點顯示我需要知道「窗體」或標記ID來做到這一點,但我不想指定標記(如窗體)或ID。

+0

屬性選擇器:'[data-bind]'。 –

+1

你究竟在遇到什麼麻煩?通過屬性值選擇一個元素? –

回答

2

你可以在一個特定的data-bind元素中的所有data-bind元素以這樣的方式

$('[data-bind="Customer"] [data-bind]'); 

如果你想換行,在一個函數,例如,如果您需要訪問具有不同data-bind屬性值的其他包裝器元素,則您可以這樣做:

function getBoundElms(name) { 
    return $('[data-bind="' + name + '"] [data-bind]'); 
}