如何修改此jQuery:提交选择器示例?

时间:2010-04-13 19:21:25

标签: javascript jquery html

查看this jQuery示例,如何修改代码,以便只有在该单元格中提交按钮的值为特定值时才更改单元格的颜色。

即.-

          var submitEl = $("td :submit")

          //Only do the below if the submit buttons value is "XYZ"

          .parent('td')
          .css({background:"yellow", border:"3px red solid"})

4 个答案:

答案 0 :(得分:4)

$("td input[value='SomeValue']:submit")

答案 1 :(得分:2)

var submitEl = $('td :submit').filter(function() { return $(this).val() == "certain"; });

你可以检查选择器中的值,但是它可能会导致引起头痛(取决于值),也可能不会那么快(尽管这很少是一个严重的问题)。

答案 2 :(得分:2)

仅选择具有所需值的元素:

var submitEl = $("td :submit[value='XYZ']") 

答案 3 :(得分:2)

你需要每个循环我认为这是你想要做的事情

  $("td :submit").each(function(){
   if ($(this).val()== "XYZ"){
     $(this).parent('td').css({background:"yellow", border:"3px red solid"});
   }
   });

修改

使用更好的选择器会消除if statment

  $("td:submit[value='XYZ']").each(function(){
     $(this).parent('td').css({background:"yellow", border:"3px red solid"});
  });"