data attribut auslesen

[burn4ever]

Hallo,
ich möchte bei folgendem htlm code:

          <select id="verfügbar">
                        <option selected="selected">-- Bitte auswählen --</option>
                        <option data-available="false">test1</option>
                        <option data-available="true">test2</option>
                        <option data-available="false">test3</option>
                        <option data-available="true">test4</option>
        </select>

jeweils den Wert des data-available auslesen und bei "false" das jeweilge Element mittels .css('display', 'none') ausblenden.

Mit einem console.log bekomme ich aber immer noch ein undefined:

            var data_attribute = $('#verfügbar).children().data('available');
            console.log(data_attribute);

Weiss jemand warum?

 

[Banana_Jones]

Die Data-Attribute werden von jQuery nur initial ausgelesen und somit sind dynamisch generierte Inhalte nicht über .data() verfügbar.

Probiere mal den Weg über .attr('data-available')

 

[Sentence]

Moin,
dieser weg wird funktionieren, du darfst aber keine Umlaute in den id's haben und musst auch jedes Element durchgehen.

$('#verfuegbar').children().each(function(){
    if ($(this).data('available') === false) {
      $(this).hide();
      }
    });

MfG