Селектор jQuery для метки флажка

  

Если у меня есть флажок с меткой, описывающей его, как я могу выбрать ярлык с помощью jQuery? Было бы проще дать тегу метки ID и выбрать, используя $(#labelId) ?

Это должно работать:

 $("label[for='comedyclubs']") 

См. Также: Селекторы / атрибутEquals – jQuery JavaScript Library

 $("label[for='"+$(this).attr("id")+"']"); 

Это должно позволить вам выбирать метки для всех полей в цикле. Все, что вам нужно, это ваши метки должны указывать for='FIELD' где FIELD – это идентификатор поля, для которого эта метка определена.

Это должно сделать это:

 $("label[for=comedyclubs]") 

Если у вас нет буквенно-цифровых символов в вашем идентификаторе, вы должны окружить значение attr кавычками:

 $("label[for='comedy-clubs']") 

Другим решением может быть:

 $("#comedyclubs").next() 

Спасибо Kip, для тех, кто может стремиться к тому же, используя $ (this) во время итерации или связывания внутри функции:

 $("label[for="+$(this).attr("id")+"]").addClass( "orienSel" ); 

Я искал какое-то время, работая над этим проектом, но не смог найти хороший пример, поэтому я надеюсь, что это поможет другим, кто может решить эту проблему.

В приведенном выше примере моя цель заключалась в том, чтобы скрыть радиовходы и стилизовать метки, чтобы обеспечить пользовательский интерфейс slicker (изменение ориентации блок-схемы).

Здесь вы можете увидеть пример

Если вам нравится пример, вот css:

 .orientation { position: absolute; top: -9999px; left: -9999px;} .orienlabel{background:#1a97d4 url('http://sofru.miximages.com/jquery/flowChart.png') no-repeat 2px 5px; background-size: 40px auto;color:#fff; width:50px;height:50px;display:inline-block; border-radius:50%;color:transparent;cursor:pointer;} .orR{ background-position: 9px -57px;} .orT{ background-position: 2px -120px;} .orB{ background-position: 6px -177px;} .orienSel {background-color:#323232;} 

и соответствующая часть JavaScript:

 function changeHandler() { $(".orienSel").removeClass( "orienSel" ); if(this.checked) { $("label[for="+$(this).attr("id")+"]").addClass( "orienSel" ); } }; 

Альтернативный корень исходного вопроса, учитывая метку, следует за входом, вы можете пойти с чистым решением css и вообще не использовать JavaScript …:

 input[type=checkbox]:checked+label {} 
  • Разница между CSS-селектором и фильтром jQuery?
  • Выбрать элемент по точному соответствию его содержимому
  • : nth-of-type () в jQuery / Sizzle?
  • Является ли jQuery каким-либо кэшированием «селекторов»?
  • Эффективный, лаконичный способ найти следующий соответствующий друг?
  • полный календарный выбор ячейки на мобильном устройстве?
  • jQuery mobile - для каждого события прямого трансляционного события должно существовать эквивалентное событие click?
  • Подстановочные знаки в селекторах jQuery
  • Выделение селектора jQuery
  • Как выбрать конкретный элемент формы в jQuery?
  • jQuery или CSS-селектор, чтобы выбрать все идентификаторы, начинающиеся с некоторой строки
  • Interesting Posts

    Каков максимальный объем оперативной памяти, которую может использовать приложение?

    Как проверить файл XML с помощью Java с XSD с включенным?

    Получить полный URL и строку запроса в Servlet для HTTP и HTTPS-запросов

    Как проверить, использует ли C ++-компилятор стандарт IEEE 754 с плавающей запятой

    В чем разница между List и ArrayList?

    Можно ли увеличивать числа с помощью замены регулярных выражений?

    Как проверить, существует ли ключ json?

    Двойной менеджер загрузки не отображает XP после установки Win7

    Render PDF-файл с помощью Java на Android

    CSS-анимация с задержкой для каждого дочернего элемента

    обновление логического значения в данных весны jpa с использованием @Query, с гибернацией

    Лучший способ протестировать приложение MS Access?

    Различные ответы от strlen и sizeof для init на String

    Как реализовать PlaceAutocompleteFragment и PlaceAutocompleteActivity, чтобы получить информацию о месте

    Что такое неопределенный контекст?

    Давайте будем гением компьютера.