javascript - 如何在Angualar的jqLit​​e元素对象中通过id查找元素

Question

我正在使用这个:

$vehicleTypeDropdown = element.find(".vehicleTypeDropdown");

Then at later point of time I want to locate the #pselect ID element. My $vehicleTypeDropdown looks like this which is the jqLite object:-

<select class="vehicleTypeDropdown" id="vehicleType">
<option id="#pselect" value="">Please Select</option>
<option ng-repeat="types in selectedType" value="Vt3" class="ng-scope ng-binding">vt3</option>
<option ng-repeat="types in selectedType" value="Vt4" class="ng-scope ng-binding">vt4</option>
</select>

有两个问题 -

1. jqLit​​e 文档中写道，.find() 方法仅查找标签，而不查找类或 id。那么我如何获得
   

   $vehicleTypeDropdown = element.find(".vehicleTypeDropdown");

   作为包含内容的 jqLit​​e 对象？

2. 如何使用 #pselect 找到该选项？我想手动删除它，请记住它可以按选项中的任何顺序排列。

Answer 1

使用不带#的id，如id="pselect"

<select class="vehicleTypeDropdown" id="vehicleType">
    <option id="pselect" value="">Please Select</option>
    <option ng-repeat="types in selectedType" value="Vt3" class="ng-scope ng-binding">vt3</option>
    <option ng-repeat="types in selectedType" value="Vt4" class="ng-scope ng-binding">vt4</option>
</select>

捕获这样的元素

var elem = angular.element(document.querySelector('#pselect'))
elem.remove()

http://jsfiddle.net/vorant/4sbux96k/1/