如何验证具有动态ID的html元素

时间:2015-11-19 13:26:22

标签: javascript jquery angularjs

我需要验证通过数组动态分配id的HTML元素(文本字段)。我在下面给出了我的HTML代码。请给我一个如何在jQuery中设置HTML id的方向?

<div class="form-group" ng-repeat="property in entity.entityPropertyTypes">
    <!-- PROPERTY -->
    <div class="col-md-3">
        <label class="control-label">{property.propertyLabel}}</label>
    </div>

    <!-- VALUE -->
    <!-- Text field -->
    <div class="col-md-3" ng-if="property.dataTypeId === 3 ">
        <input id="{{property.propertyId}}Value" type="text" class="form-control" ng-model="property.propertyValue">
    </div>

    <!-- Date -->               
    <div class="col-md-offset-2 col-md-1" ng-if="property.dataTypeId === 4 ">
        <datepicker date-format="MM-yyyy"> 
            <input id="{{property.propertyId}}yearEnd" type="text" class="form-control" ng-model="property.propertyValue">
        </datepicker>
    </div>

1 个答案:

答案 0 :(得分:1)

您可以添加所需的任何属性,然后使用选择器来获取元素。

例如,您可以在输入中添加一个类:

 <input id="{{property.propertyId}}Value" type="text" class="form-control myclass" ng-model="property.propertyValue">                                                                       

然后按类选择

 var textToCheck = $("input.myclass").val();

您甚至可以添加个人属性:

 <input item="1" id="{{property.propertyId}}Value" type="text" class="form-control" ng-model="property.propertyValue">

然后

var textToCheck = $("input[item=1]").val();