Найти div и отправить кнопку в datalist

Question

Я пытаюсь опубликовать сообщение, когда пользователь нажимает на div внутри datalist, мой jQuery должен найти мою скрытую кнопку (display: none), а затем отправить сообщение. Я не могу получить событие click.

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl1.ascx.cs" 
    Inherits="Everything.controls.WebUserControl1" %> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     alert("I'm seeing this alert"); 
     $(".divcontainer").click(function() { 

      $(this).find("input").click(); 
     }); 
    }); 
</script> 

<div class="myForm" style="padding-bottom: 0; padding-top: 50px; margin-bottom: 0.3em"> 
    <asp:DataList ID="lstCategoryItems" runat="server"> 
     <ItemTemplate> 
      <div id="myDivId" class="divcontainer cf" runat="server"> 
       <%# DataBinder.Eval(Container.DataItem, "Key") %> 
       <asp:Button ID="Button1" runat="server" OnClick="BtnClick" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "Value") %>' 
        Style="display: none" /> 
      </div> 
     </ItemTemplate> 
     <FooterTemplate> 
     </FooterTemplate> 
    </asp:DataList> 
</div> 

Answer 1

вы можете найти на вход таким образом:

$(".divcontainer input:hidden").click(function(){ 
     .... 
    }) 

или если у вас есть еще один обработчик для ввода:

$(document).ready(function() { 
    alert("I'm seeing this alert"); 
    $(".divcontainer").click(function() { 
     $(this).find("input:hidden").trigger("click"); 
    }); 

    $("input").click(function(){ 

    }) 
}); 

Answer 2

Попробуйте это: DEMO

$(".divcontainer").click(function() { 
    $('#mybtn').trigger('click'); 
});