Jquery按属性值查找每个元素

时间:2015-02-24 16:33:19

标签: jquery

我正在尝试使用“selected”属性获取所有标签,而不使用null或空值。我似乎无法找到任何标签。这是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>

这是我试图用来获取所有标签的javascript / jquery,以便我可以设置一个类来显示标签已被选中。我假设这不起作用,因为html代码中的标签太深了。

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

});

2 个答案:

答案 0 :(得分:2)

如果您想在'data-bind'属性中找到包含'selected'的标签,只需使用此选择器:

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

答案 1 :(得分:0)

听起来像是

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

找到所有选择&#39;

输入的标签