jquery - jquery 调整 div 大小

Question

我正在编写一个小函数来调整我的搜索 div 的大小以保持与下面的动态表相同的宽度。为什么如果我不使用函数它会工作，如果我使用该函数会失败。我想为此使用一个函数，因为我有多个网格视图/搜索。

Javascript代码

 $(document).ready(function() {
                   function ResizeSearch(GridID, SearchID) {                              
                          alert("\"" + GridID + "\"" + ' ' + "\"" + SearchID + "\"");
                          var eleWidth = $("\"" + GridID + "\"").width();
                           $("\"" + SearchID + "\"").width(eleWidth);
                       };
                       $("#getp").click(function() {
                       ResizeSearch("$(#<%= gvValidStatus.ClientID %>)", "$(#ValidStatusSearch)");
                       /* 
                       ****** Why does this work, but when passing to function it does not? ******
                       var eleWidth = $("#<%= gvValidStatus.ClientID %>").width();
                       $("#ValidStatusSearch").width(eleWidth);
                       */
                       });
                   });

警报的输出

---------------------------
Windows Internet Explorer
---------------------------
"$(#ctl00_Content_gvValidStatus)" "$(#ValidStatusSearch)"
---------------------------
OK   
---------------------------

Answer 1

试试这样：

function ResizeSearch(GridID, SearchID) {                              
    var eleWidth = $("#"+GridID).width();
    $("#"+SearchID).width(eleWidth);
}
$("#getp").click(function() {
    ResizeSearch("<%= gvValidStatus.ClientID %>", "ValidStatusSearch");
});