Jquery：当用户单击表单字段时如何显示附加文本

Question

我是 Jquery 的新手，正在尝试找到一种在用户单击表单时显示附加文本的方法。

输入字段如下所示： 并且文本的其余部分包含在

任何为我指明正确方向的帮助将不胜感激： ）

Answer 1

    $('input').focusin(function() {
       $('div').show();
    });

    // Hide the text once you are out of the input
    $('input').focusout(function() {
       $('div').hide();
    });

这是基本思想。
http://api.jquery.com/focusin/

Answer 2

$('#post_title').click(function(){
  $(this).next('.post-input').html('hey! you clicked the input!');
});

//假设div位于输入旁边，如果不是，我建议也为其放置一个id。

如果 div 中已经有文本并且您只想显示它

$('#post_title').click(function(){
      $(this).next('.post-input').show();
    });

Answer 3

$('.feed').click(function() {
    $('.post-input').show();
}