选择具有类型文本的所有输入元素,并使用匹配的数据属性值

时间:2013-06-30 12:16:37

标签: jquery html

我有两个带输入类型文本的html元素和一个带输入类型按钮的html元素, 我使用data-input-group属性将它们分组在一个组中。现在我想使用data-input-group属性而不是按钮选择所有具有输入类型文本的元素。

请查看对我不起作用的代码,

<input type="text" data-input-group="reg-from">
<br>
<input type="text" data-input-group="reg-from">
<input type="button" data-input-group="reg-from" value="click me" >
<br>

和jquery代码,

var iGroup = $(this).data("input-group");
iGrpElmnts = $('input:not[type=submit], input:not[type=button]').find("[data-input-group='" + iGroup + "']");
/*
* Get all buttons in current form.
*/`enter code here`
iGrpButtons = $("input[type=button]").find("[data-input-group='" + iGroup + "']");

4 个答案:

答案 0 :(得分:2)

iGrpButtons = $('input[type="text"][data-input-group="reg-from"]');

答案 1 :(得分:2)

获取所有data-input-group内容,然后找到内部类型为input的{​​{1}}:

text

答案 2 :(得分:1)

您可以使用$("input[type=text]")选择所有具有输入类型文本的元素

答案 3 :(得分:1)

  $(":input").each(function(){ 
  a = $(this).attr('data-input-group'); 
  b = $(this).attr("type");  
  if( a !=undefined && b == "text") {
      //here you get the input element with type=text and having data-input-group attribute
  }
  }) 

请试试这个