javascript - 切换元素的隐藏标签

Question

如何检查元素是否有标签并调用切换函数来显示它？

试试这个:

if($('label').attr('for') == $(this).attr('name')) {
    alert($('label').attr('for') == $(this).attr('name')); // displays true if hidden or displayed
    $('label').attr('for='+$(this).attr('name')).toggle(true); // error
}

HTML 未隐藏(这只是为了在元素隐藏时显示正确的语法):

<div>
    <label for="state" class="ui-select">
        State*
    </label>
    <div class="ui-select">
        <a href="#" role="button" aria-haspopup="true" data-theme="z" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-down-z ui-btn-up-z">
        <span class="ui-btn-inner ui-btn-corner-all">
            <span class="ui-btn-text">State*</span>
            <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span>
        </span>
        </a>
        <select name="state" id="state" tabindex="-1" class="required">
            <option value="">State*</option>
            <option value="AK">ALASKA</option>
            <option value="...">...</option>
        </select>
    </div>
</div>

HTML 隐藏:

<div>       
    <div class="ui-select">
        <a href="#" role="button" aria-haspopup="true" data-theme="z" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-down-z ui-btn-up-z">
        <span class="ui-btn-inner ui-btn-corner-all">
            <span class="ui-btn-text">State*</span>
            <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span>
        </span>
        </a>
        <select name="state" id="state" tabindex="-1" class="required">
            <option value="">State*</option>
            <option value="AK">ALASKA</option>
            <option value="...">...</option>
        </select>
    </div>
</div>

Answer 1

听起来您正在寻找$('label[for="' + this.name + '"]')。
您可以使用 Attribute Equals selector选择具有特定属性值的元素。