javascript - Jquery 焦点显示 div

Question

当我单击输入时，它会在两个字段上显示 div。我希望 div 仅出现在选定的输入上。

<强> jsfiddle

$('.example').focus(function() {
    $('div.tip').show();
    $(document).bind('focusin.tip click.tip',function(e) {
        if ($(e.target).closest('.tip, .example').length) return;
        $(document).unbind('.tip');
        $('div.tip').fadeOut('medium');
    });
});
$('div.tip').hide();

Answer 1

我会做类似 this 的事情

正如您所看到的，我已经为您想要显示的每个 div 添加了一个 ID，该 ID 与您单击的输入相关，这样您就可以更灵活地确定元素在 DOM 中的放置位置。

它还隐藏了所有与当前输入无关的 div。

按照评论中的建议，我还将 div 移到了 p 标记之外，以使 HTML 有效。

$('.example').focusin(function() {
    $('.tip').hide();
    $('#tip-'+$(this).attr('id')).show();
});
$('div.tip').hide();