如何将 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>

小提琴 http://jsfiddle.net/w96LX/7/

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

Answer 1

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

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