用户单击DIV时如何复制onclick按钮结果？

Question

我还有一个文本框，用户可以在其中输入名称，并通过查询返回与该用户关联的对象，并使用

<div id="FriendsStuff"></div>

搜索功能的代码是

$(document).ready(function () {
    $(document).on('click', '.username, #find_button', function (event) {
        //debugger;
        event.preventDefault();
        friendName = $(this).is("button") ? null : $(this).text();
        friendFeed(friendName);
    });
});

我还有一个div，它在html页面上列出了用户（而不是搜索他们）

<div id="container"></div>

由此填充：

$('#container').append("<img class='images' src='" + imageURLs[j] + "'/>");  
     $('#container').append("<div class='username'>'" + Username[j] + "'</div>");

我希望用户执行的操作是单击页面上显示的名称，并复制与用户单击“查找”按钮时发生的操作相同的操作。 基本上是将相关结果返回到页面。

示例页面位于http://www.kudosoo.com/friendslist.html，因此，例如，用户单击“ dave”，结果与在文本框中输入“ dave”并单击“找”

我该如何实现？ 我是否在onclick函数中引用了容器div？

Answer 1

我在该链接上没有看到戴夫，并且很难回答您的问题，但我相信您正在寻找.val和.trigger 。

这将设置输入的值。

$('#friendsearch').val('Dave');

然后触发点击。

$('.btn-login').trigger('click');

您应该考虑将这些元素放入表单中。