Найти управление в javascript или JQuery

Question

У меня есть динамическая таблица html, сгенерированная с помощью javascript. таблица содержит различные элементы управления, такие как текстовое поле, раскрывающийся список, в котором есть пользовательские атрибуты. Как я могу прокрутить все элементы управления, присутствующие внутри этой таблицы, и найти элемент управления, чей собственный атрибут соответствует некоторому значению?

Answer 1

Это даст вам все элементы формы внутри вашего стола (:input selector):

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

Вы можете фильтровать с attribute selector:

//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- attributes, но код будет работать с любым атрибутом, который вам нужен.

ИЛИ вы можете использовать filter() method написать функцию, которая фильтрует ваши элементы:

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

jsFiddle Demo with filter()

Answer 2

Вы можете использовать Attribute Contains Selector.

Проверьте пример это, вероятно, очень близко к тому, что вам нужно, которая является нахождение input & select элементов с определенным атрибутом значения

Answer 3

Дайте им класс .control и:

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

Проверить Selectors API для получения дополнительной информации селектора атрибутов.

Answer 4

Демо: http://jsfiddle.net/DSqZr/1/

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

var selectedCrl = getControl(1);