如何使用jqLite通過(guò)類(lèi)名選擇元素？我試圖從我的Angular.js應(yīng)用程序中刪除jquery，以使其更輕巧，而改用Angular的jqLite。但是該應(yīng)用程序大量使用了jqLite不支持的find（'＃id'）和find（'。classname'），僅使用了“標(biāo)簽名稱(chēng)”（根據(jù)文檔）想知道您認(rèn)為改變它的最佳方法是什么。我考慮過(guò)的一種方法是創(chuàng)建自定義HTML標(biāo)簽。例如：更改<span class="btn btn-large" id="add-to-bag">Add to bag</span>至<a2b style="display:none;"><span class="btn btn-large" >Add to bag</span></a2b>和$element.find('#add-to-bag') 至$element.find('a2b')有什么想法嗎？其他想法？
3 回答
素胚勾勒不出你
TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超9個(gè)贊
本質(zhì)上，由@ kevin-b指出：
// find('#id')
angular.element(document.querySelector('#id'))
//find('.classname'), assumes you already have the starting elem to search from
angular.element(elem.querySelector('.classname'))
注意：如果要從控制器中執(zhí)行此操作，則可能需要查看開(kāi)發(fā)人員指南中的“正確使用控制器”部分，并將演示文稿邏輯重構(gòu)為適當(dāng)?shù)闹噶睿ɡ?lt;a2b ...>） 。
HUX布斯
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊
angualr使用稱(chēng)為jqlite的較輕版本的jquery，這意味著它不具有jQuery的所有功能。這是angularjs文檔中有關(guān)可以在jquery中使用的參考。 角度元素文檔
在您的情況下，您需要找到具有ID或類(lèi)名的div。您可以使用類(lèi)名稱(chēng)
var elems =$element.find('div') //returns all the div's in the $elements
angular.forEach(elems,function(v,k)){
if(angular.element(v).hasClass('class-name')){
console.log(angular.element(v));
}}
或者您可以通過(guò)查詢(xún)選擇器使用更簡(jiǎn)單的方法
angular.element(document.querySelector('#id'))
angular.element(elem.querySelector('.classname'))
它不像jQuery那樣靈活，但是
GCT1015
TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超4個(gè)贊
如果elem.find()對(duì)您不起作用，請(qǐng)檢查是否在角度腳本之前包含了JQuery腳本。
- 3 回答
- 0 關(guān)注
- 787 瀏覽
添加回答
舉報(bào)
0/150
提交
取消