jQuery - 计算所有Select标签并减去长度

时间:2017-10-09 04:29:03

标签: jquery

我在HtML中使用相同的n选择了data-field个标签。我想根据data-field="x_RATING"计算选择标签的数量。我希望通过将1减去总数来返回总计数。

我尝试了下面的代码,但没有返回计数。



var x = $('select[data-field="x_RATING"]').length() - 1;
alert(x);

<select data-table="assessment_rating"
        data-field="x_RATING"
        data-value-separator=", "
        id="x5_RATING"
        name="x5_RATING"
        class="form-control">
    <option value="">Please select</option>
    <option value="4">4</option>
    <option value="3">3</option>
    <option value="2">2</option>
    <option value="1">1</option>
</select>

<select data-table="assessment_rating"
        data-field="x_RATING"
        data-value-separator=", "
        id="x7_RATING"
        name="x7_RATING"
        class="form-control">
    <option value="">Please select</option>
    <option value="4">4</option>
    <option value="3">3</option>
    <option value="2">2</option>
    <option value="1">1</option>
</select>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:1)

试试这个

&#13;
&#13;
var x = $('select[data-field="x_RATING"]').length-1;
alert(x);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select data-table="assessment_rating"
        data-field="x_RATING"
        data-value-separator=", "
        id="x5_RATING"
        name="x5_RATING"
        class="form-control">
    <option value="">Please select</option>
    <option value="4">4</option>
    <option value="3">3</option>
    <option value="2">2</option>
    <option value="1">1</option>
</select>

<select data-table="assessment_rating"
        data-field="x_RATING"
        data-value-separator=", "
        id="x7_RATING"
        name="x7_RATING"
        class="form-control">
    <option value="">Please select</option>
    <option value="4">4</option>
    <option value="3">3</option>
    <option value="2">2</option>
    <option value="1">1</option>
</select>
&#13;
&#13;
&#13;

只需删除()中的length即可。

答案 1 :(得分:0)

您的xml xpath查询错误。请尝试以下

var count = $("//select[@data-field='x_RATING'").length - 1;

答案 2 :(得分:0)

  1. 使用<ReactComponent onMouseOver={() => console.log('enter')} />
  2. &#13;
    &#13;
    .length
    &#13;
    var x = $('select[data-field="x_RATING"]').length - 1;
    alert(x);
    &#13;
    &#13;
    &#13;