Jquery find each element by attribute value

Question

I'm trying to get all labels with an attribute of "selected" without a null or empty value. I can't seem to find any labels. Here is the html.

<form id="frmPickGames">
    <div style="margin-top: 150px">
    <div data-bind="foreach: games, visible: games().length > 0">
        <div class="row clearRight borderBottom">
            <div class="col-sm-12 col-md-12 col-lg-12">
                <label class="" data-bind="text: gameDate"></label> / Time:
                <label class="" data-bind="text: gameTimeET"></label> / Tv Station:
                <label class="" data-bind="text: tvStation"></label>
            </div>
            <div id="mode-group" class="btn-group btn-group-lg btn-group-justified" data-toggle="buttons">
                <div class="col-sm-12 col-md-4 col-lg-4 text-center awayColumn">
                    <label class="btn btn-default" data-bind="click: $parent.save, attr: { id: gameId() + '~' + awayTeam(), selected: teamId() }">
                        <input type="radio" data-bind="attr: { name: gameId(), id: gameId() + '~' + awayTeam() }" selected >
                        <img data-bind="attr: { src: awayTeamLogoUrl, alt: awayTeamFullName }" style="height: 100px; width: 150px;" /><br />
                        <label data-bind="text: awayTeamFullName"></label>
                    </label>
                </div>
                <div class="col-sm-12 col-md-2 col-lg-2 text-center" style="padding-top: 50px;">AT</div>
                <div class="col-sm-12 col-md-4 col-lg-4 text-center homeColumn">
                    <label class="btn btn-default" data-bind="click: $parent.save, attr: { id: gameId() + '~' + homeTeam() }">
                        <input type="radio" data-bind="attr: { name: gameId(), id: gameId() + '~' + homeTeam() } ">
                        <img data-bind="attr: { src: homeTeamLogoUrl, alt: homeTeamFullName }" style="height: 100px; width: 150px;" /><br />
                        <label data-bind="text: homeTeamFullName"></label>
                    </label>
                </div>
            </div>
        </div>
    </div>
    </div>
</form>

Here is the javascript/jquery that I'm trying to use to get all the labels so that I can set a class to show that the label was selected. I'm assuming this doesn't work because the labels are too deep in the html code.

$('label[selected!=""]').each(function () {
    alert('hi');

});

Do you want the label or the radio button with selected? Because from your code, the label tags have selected inside the data-bind element — Aditya
– Aditya, Commented Feb 24, 2015 at 16:37

jmartins · Accepted Answer · 2015-02-26 00:19:29Z

2

If you wanna find the label that contains 'selected' in the 'data-bind'attribute, just use this selector:

$("label[data-bind*='selected']").each(function () {
    alert('hi');
});

edited Feb 26, 2015 at 0:19

answered Feb 24, 2015 at 16:56

jmartins

9914 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jim Kiely Over a year ago

please see my edit, the alert is never being called.

jmartins Over a year ago

Are you trying to get the labels that contains selected attr inside the data-bind? (Ex.:

<label class="btn btn-default" data-bind="click: $parent.save, attr: { id: gameId() + '~' + awayTeam(), selected: teamId() }">

... Or are you trying to get elements with selected attribute like: <input type="radio" data-bind="attr: { name: gameId(), id: gameId() + '~' + awayTeam() }" selected >?

Jim Kiely Over a year ago

I'm trying to get (<label class="btn btn-default" data-bind="click: $parent.save, attr: { id: gameId() + '~' + awayTeam(), selected: teamId() }"> )

BlueSam · Accepted Answer · 2015-02-24 16:47:17Z

0

It sounds like

$('label').each(function () {
    if($(this).find('input[selected]').size()){
        alert('hi');
    }
});

to find all the labels that have an input that is 'selected'

answered Feb 24, 2015 at 16:47

BlueSam

1,90810 silver badges17 bronze badges

Collectives™ on Stack Overflow

Jquery find each element by attribute value

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related