Javascript 如何在json中按类名进行选择

Javascript 如何在json中按类名进行选择,javascript,jquery,angularjs,json,Javascript,Jquery,Angularjs,Json,我试图通过选择angular中的类来获得元素的内部值。但由于某种原因,当我尝试选择var highlighted=angular.element(element.getElementsByClassName(“btn危险”))时,它总是给我一个错误这是错误 angular.js:13642TypeError:angular.element.GetElementsByCassName不是函数 可能是因为我把angular和jquery混合在一起了吗 主要问题在于单击控制器。 它获取加载json的u

我试图通过选择angular中的类来获得元素的内部值。但由于某种原因,当我尝试选择
var highlighted=angular.element(element.getElementsByClassName(“btn危险”))时,它总是给我一个错误这是错误
angular.js:13642TypeError:angular.element.GetElementsByCassName不是函数
可能是因为我把angular和jquery混合在一起了吗

主要问题在于单击控制器。 它获取加载json的ul的值,该值应该显示在鼠标单击我的底部(该数字仅用于测试)

该项目是一个单点键盘,最终将有一个间隔和开关键,使残疾人只需点击一次就可以键入

这里是风景

<body ng-controller="mainController"   ng-click="textArea = textArea + 1">


    <div ng-controller="clickController">

        <header>
            <nav class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">Click and Type</a>
                </div>

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
                </ul>
            </div>
            </nav>
        </header>

        <div class="container">

            <div ng-controller="intervalController">

                <ul class="general_button" ng-repeat="letter in language[0].rows track by $index" ng-init="rowIndex = $index"> {{rowIndex}}
                    <button type="button" class="btn " ng-class="{true:'btn-danger', false:'btn-info'}[rowIndex ==isSelected() || columnIndex == isSelected()]" ng-repeat="single in letter track by $index" ng-init="columnIndex = $index"> 
                         {{columnIndex}}{{single}}
                    </button>
                </ul>

                <div  >

                     <h1 ng-mousemove="textArea = textArea + 1">Mouse over me!</h1>

                    <label for="inputlg">input-lg</label>
                    <input class="form-control input-lg" id="inputlg" type="text" value="{{ textArea + highlightedLetter }}">
                </div>

            </div>
        </div>


    </div>
    </body>
</html>

我非常感谢任何帮助,因为我是angular新手。

GetElementsByCassName
是DOM元素的函数,而不是jQuery

试试这个,它可能会帮助你:

var classElement = document.getElementsByClassName("multi-files");
var highlighted= angular.element(classElement);

getElementsByClassName
是DOM元素的函数,而不是jQuery

试试这个,它可能会帮助你:

var classElement = document.getElementsByClassName("multi-files");
var highlighted= angular.element(classElement);

Jquery中没有
getElementsByClassName
方法。尝试使用标准DOM查询:

var highlighted = angular.element(document.querySelector(".btn-danger"));

Jquery中没有
getElementsByClassName
方法。尝试使用标准DOM查询:

var highlighted = angular.element(document.querySelector(".btn-danger"));

使用诸如class之类的特殊名称命名变量从来都不是好的做法,在这种情况下,类名是非常不可取的,因为这个变量包含DOMCollection,所以命名为classElements会更好。我按照您的建议进行了编辑。我只是想给他一个想法,告诉他如何解决他的问题。使用特殊名称命名变量(如类)从来都不是一个好的做法,在这种情况下,类名称是非常不可取的,因为这个变量包含DOMCollection,所以以类元素命名会更好。我按照您的建议进行了编辑。我只是想给他一个解决问题的办法