如何将GridView中控件的ID传递给Jquery？

Question

脚本

<script type="text/javascript">
$(function () {
   $(".ttip").hide();
   $(".txttwo").keyup(    
    function () {
        var one = $(this).val();
        $(".ttip").fadeIn().text(one);
    });

    $(".txttwo").blur(
     function () {
        var one = $(this).val();
        $(".ttip").hide();
    });
});    
    </script>

码：

   <asp:GridView ID="GridView1" runat="server" EnableModelValidation="True">
                <Columns>
                    <asp:TemplateField>
                        <ItemTemplate>
                         <p class="ttip bubble" class="bubble"></p>
                            <asp:TextBox ID="abc" class="txttwo tipin" runat="server" ></asp:TextBox>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>

FIDDLE http://jsfiddle.net/w96LX/7/

如果有人能告诉我如何设置气泡的宽度以使其根据文本的长度扩展，那也很好。 因为使用过类，所以我得到了所有文本框的工具提示。 我需要一次仅显示一个工具提示。

Answer 1

只需使用$(this).attr("id")来获取元素的ID。 另外，paced display:inline-block; width: auto; display:inline-block; width: auto; 使气泡与内容一样大： http : //jsfiddle.net/w96LX/26/

更新：我没有在您的HTML中看到一个ID，只有服务器端代码。 您需要将ID附加到HTML元素上才能接收它。 或者，您生成内联javascript，即调用一种方法来设置ID。