如何使用jqLite通過類名選擇元素？我試圖從我的Angular.js應用程序中刪除jquery，以使其更輕巧，而改用Angular的jqLite。但是該應用程序大量使用了jqLite不支持的find（'＃id'）和find（'。classname'），僅使用了“標簽名稱”（根據文檔）想知道您認為改變它的最佳方法是什么。我考慮過的一種方法是創建自定義HTML標簽。例如：更改<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貢獻1827條經驗 獲得超9個贊
本質上，由@ 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'))
注意：如果要從控制器中執行此操作，則可能需要查看開發人員指南中的“正確使用控制器”部分，并將演示文稿邏輯重構為適當的指令（例如<a2b ...>） 。
HUX布斯
TA貢獻1876條經驗 獲得超6個贊
angualr使用稱為jqlite的較輕版本的jquery，這意味著它不具有jQuery的所有功能。這是angularjs文檔中有關可以在jquery中使用的參考。 角度元素文檔
在您的情況下，您需要找到具有ID或類名的div。您可以使用類名稱
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));
}}
或者您可以通過查詢選擇器使用更簡單的方法
angular.element(document.querySelector('#id'))
angular.element(elem.querySelector('.classname'))
它不像jQuery那樣靈活，但是
- 3 回答
- 0 關注
- 789 瀏覽
添加回答
舉報
0/150
提交
取消