データリストのdivとsubmitボタンを検索

Question

データリスト内のdivをクリックしたときに投稿しようとしています。私のjQueryは非表示のボタン（display：none）を見つけて投稿することになっています。私はクリックイベントを取得できません。

<%@ 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'); 
});