Jquery抓住另一个控件的同一div内的控件

Question

我有一组表示一组字段的div.我想要实现的是,在单击文本框时,您可以获得具有"hint"类的div,该类在同一div内.

例如,如果我点击"txtUsername"我应该得到"usernameHint"

这是html

        <div class="formfield">
            <label class="desc" id="lblUsername" runat="server">Username</label>
            <input type="text"  id="txtUsername" runat="server" class="field text medium" />
            <div id="usernameHint" class="hint" runat="server"></div>               
            <div id="usernameError" runat="server"></div>   
        </div>

        <div class="formfield">
        <label class="desc" id="lblPassword" runat="server">Password</label>
        <input type="password" id="txtPassword" runat="server" class="field text medium" /> 
        <div id="passwordHint" class="hint" runat="server"></div>    
        <div id="passwordError" runat="server"></div>  
        </div>

有任何想法吗？

Answer 1

$('#txtUsername').click(function() {
    $(this).parent().find('.hint').text('Must be between 5 and 12 characters in length');
});

选择文本框的父项,即你的文本框,<div class="formfield">然后在其中找到带有类提示的元素,从而消除了获取包含的提示div的ID和更复杂方法的需要.