jQuery的 - 數以HTML形式類似的數據字段/類名

我想要得到的數據字段的HTML表單使用JavaScript或jQuery的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">

我有相同的名字data-field = "x_PERFORMANCE_MEASURE".

10個輸入字段計數

我想使用jQuery或JavaScript動態獲取計數。

我用下面的代碼

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

我不跟上面的腳本越來越... 請幫助我。

來源

2017-10-06 Anil Kumar Reddy

得到了解決方案... Thnx –

您需要使用另一個選擇：看在這個例子中。

//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引擎蓋下，點擊鏈接瞭解更多。

來源

2017-10-06 12:05:08 Mouser

您的選擇器將選擇每個具有「數據字段」的輸入，而不管它放在何處（我的意思是在父容器中）。 – Justinas

@Justinas，我將它推廣，因爲在OP的問題中缺少HTML，並在我的回答中評論它。 – Mouser

如果我已經選擇了輸入的位置，我該如何替換代碼？ –

由於x_PERFORMANCE_MEASURE不是類，不能使用類選擇.

使用屬性選擇器選擇它：

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

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

來源

2017-10-06 12:03:33 Justinas

jQuery的 - 數以HTML形式類似的數據字段/類名

回答

相關問題