【问题标题】:How to choose all the elements of INPUT?如何选择INPUT的所有元素?
【发布时间】:2011-05-03 20:47:19
【问题描述】:

style="color:#F20808"如何选择INPUT的所有元素?

<form>
<input type="text" value="1">
<input type="text" value="2" style="color: #F20808">
<input type="text" value="3" style="color: #F20808">
<input type="submit" value="submit">
</form>

$('form').submit(function(){
    if($(this).find('input').css('color') != 'rgb(242, 8, 8)'){
        return true;
    }
    return false;   
});


This way works, but I dont like:
$('form').submit(function(){
    if($(this).find('input:eq(1), input:eq(2)').css('color') != 'rgb(242, 8, 8)'){
        return true;
    }
    return false;   
});

还有其他方法吗?

【问题讨论】:

  • jquery css selectors的可能重复
  • 我无法让它工作,你能传递一个 jsfiddle.net,谢谢。我只是按照我在回答中解释的那样让它工作。

标签: javascript jquery


【解决方案1】:
$('form').submit(function(){
        alert($('input[style*="color: rgb(242, 8, 8)"]').length);
       return false;    
    });

【讨论】:

    【解决方案2】:

    Working demo

    这里有一个解决方案,它将选择所有带有样式属性的输入:

    $('form').submit(function(){
            alert($("input[style*=color][type*=text]").length);
    
    });
    

    【讨论】:

      【解决方案3】:
      input[style*="color: #F20808"]
      

      应该用作 CSS3 或 JQuery 选择器。

      【讨论】:

      • 您需要将color: #F20808 括在引号中。
      • 即使它有道理,我也没有让它发挥作用。 jsfiddle.net/dactivo/hSyqH
      • @MatThecat:可以在jsfiddle.net页面看到
      • 你照顾好报价了吗?
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-07-23
      • 2020-05-24
      • 2012-09-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-28
      相关资源
      最近更新 更多