jquery - 以 html 形式计算相似的数据字段/类名 [英] jquery - count similar data fields/class name in html form

问题描述

我想使用 JavaScript 或 jQuery 获取 HTML 表单中数据字段的数量

I want to get the count of data-fields in HTML form using JavaScript or jQuery

<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".

I have 10 input fields with same name data-field = "x_PERFORMANCE_MEASURE".

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

I want to get the count dynamically using jQuery or JavaScript.

我使用了下面的代码

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

我不明白上面的脚本...请帮帮我.

I am not getting with the above script... please help me out.

推荐答案

你需要使用另一个选择器:看例子.

You need to use another selector: look at the example.

//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 表标题单元格，因此我已将其从我的代码段中省略了.但是你明白了.在你的情况下是:

Of course since your example didn't include the original #ewTableHeaderCell table header cell, I've omitted it out of my snippet. But you get the idea. in your case it is:

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

因为 jquery 使用 css 选择器 在引擎盖下，点击链接了解更多.

Since jquery uses css selectors under the hood, click the link to learn more.

这篇关于jquery - 以 html 形式计算相似的数据字段/类名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！