在 javascript 或 JQuery 中查找控件

Question

我有一个使用 javascript 生成的动态 html 表。该表包含不同的控件，例如具有自定义属性的文本框、下拉框。如何循环遍历该表中存在的所有控件并找到其自定义属性与某个值匹配的控件？

Answer 1

这将为您提供表中的所有表单元素（ :input选择器）：

var $formElements = $('#tableid').find(':input');

.

您可以使用属性选择器：

//will select every form element having a data-custom attribute set to 5
var $formElements = $('#tableid').find(':input[data-custom="5"]');

.

请参阅 jsfiddle demo 。对于我的例子，我使用了 html5 data-属性，但代码将适用您需要的任何属性。

或者您可以使用 filter()方法写一个过滤元素的函数：

var $formElements = $('#tableid').find(':input').filter(function () {
    return $(this).attr('data-custom') == '5';
});

.

带筛选器的jsfiddle演示（）

Answer 2

演示： http://jsfiddle.net/dsqzr/1/

function getControl(_value){
    $("#panel :input").each(function(){
        if($(this).attr("custom") == _value){
           return  $(this);
        }
    })​
}

var selectedCrl = getControl(1);

.

Answer 3

您可以使用 属性包含选择器.

检查示例，它可能非常接近您所需要的内容 input & select 具有特定属性值的元素

Answer 4

给他们上课 .control 和：

$('.control[attribute=value]')

查看 选择器API 有关属性选择器的更多信息。