Question

我想使用JavaScript或jQuery

获取HTML表单中的数据字段数

<input data-table="assessment_rating" data-field="x_PERFORMANCE_MEASURE" 
name="x1_PERFORMANCE_MEASURE" id="x1_PERFORMANCE_MEASURE" 
placeholder="Performance Measure" 
value="" class="form-control" type="text">

我有10个同名data-field = "x_PERFORMANCE_MEASURE".

的输入字段

我想使用jQuery或JavaScript动态获取计数。

我使用下面的代码

var x = $('#ewTableHeaderCell .x_PERFORMANCE_MEASURE').length;
alert (x);

我没有使用上述脚本...... 请帮帮我。

Answer 1

由于x_PERFORMANCE_MEASURE不是一个类，因此您无法使用类选择器.

使用属性选择器选择它：

＆＃13;

$(document).ready(function() {
  alert($('#ewTableHeaderCell [data-field="x_PERFORMANCE_MEASURE"]').length);
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="ewTableHeaderCell">
<input data-table="assessment_rating" data-field="x_PERFORMANCE_MEASURE" 
name="x1_PERFORMANCE_MEASURE" id="x1_PERFORMANCE_MEASURE" 
placeholder="Performance Measure" 
value="" class="form-control" type="text">
</span>

＆＃13;

Answer 2

您需要使用其他选择器：查看示例。

//look
var x = $('input[data-field="x_PERFORMANCE_MEASURE"]').length;
alert (x);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input data-table="assessment_rating" data-field="x_PERFORMANCE_MEASURE" 
name="x1_PERFORMANCE_MEASURE" id="x1_PERFORMANCE_MEASURE" 
placeholder="Performance Measure" 
value="" class="form-control" type="text">

当然，由于您的示例未包含原始#ewTableHeaderCell表格标题单元格，因此我将其从代码段中省略。但是你明白了。在你的情况下它是：

var x = $('#ewTableHeaderCell input[data-field="x_PERFORMANCE_MEASURE"]').length;

由于jquery使用了css selectors，所以请点击该链接了解详情。

jquery - 以html格式计算类似的数据字段/类名

2 个答案: