Javascript ag网格中的单元渲染问题 var gridOptions={ columnDefs：[ {headerName:'Connection'，field:'Applicationaccess'，minWidth:350，filter:'text'，filterParams:{ 过滤器选项：['equals'，'contains'] }，cellClass:“所有网格单元格连接单元格”，cellRenderer:函数（参数）{ var p=参数值； var$wrapper_div=$（“”，{“类”：“w3下拉悬停”}）； 变量$newlink=$（“

我的目标是在连接列的每个单元格中显示一个可悬停的下拉列表。 根据文档，我创建了所需的div元素，并通过cellRenderer函数返回它

---

请帮助

我不是JQuery专家……但您似乎遇到了一个问题，即返回的是JQuery对象（在本例中，它似乎是一个数组）而不是HTML元素。将

return$wrapper_div；

更改为

return$wrapper_div[0]；

应该可以工作

下面是一个显示返回内容差异的示例：

console.log（“HTML元素：\n”，$（“”，{“类”：“w3下拉悬停”}）[0]）
log（“JQuery对象：\n”，$（“”，{“类”：“w3下拉悬停”}））

---

是返回$wrapper\u div[0]，因为您要返回的是jQuery DOM对象，而不是普通的DOM对象。
jQuery Dom对象和HTML Dom对象是不同的。阅读jQuery文档，您将理解为什么可以将其用作数组，以及为什么返回第一个元素。
其次，为什么在变量名中使用$？这不是PHP，您不需要使用$。
在jQuery中，$是一个特殊关键字，它与处理选择器和访问jQuery DOM对象的特殊$函数相关联。$是jQuery（）重载函数的别名。
@MeetShah看起来您是堆栈溢出新手。如果这个答案帮助您解决了问题，您可以“接受”“这是一个正确的答案，或者如果这个答案引导你朝着正确的方向前进，那么你就可以投上一票。
var gridOptions = {
    columnDefs: [
        {headerName: 'Connection', field: 'Applicationaccess',minWidth:350,filter:'text',filterParams:{

         filterOptions:['equals','contains']

        },cellClass: 'all_grid_cell conn_cell',cellRenderer:function(params){

        var p=params.value;
        var $wrapper_div = $("<div>",{"class":"w3-dropdown-hover"});
        var $newlink=$("<a>",{"href":"javascript:void(0)","class":"link w3-white","text":p});
        $newlink.appendTo($wrapper_div);
        var $ediv = $("<div>",{"class":"w3-dropdown-content w3-bar-block w3-border"});
        var x=['meet','meeeeet','meeeeeeeet'];
        for(i=0;i<x.length;i++){
          var $btn=abc(x[i]);
          $btn.appendTo($ediv);       
        }
        $ediv.appendTo($wrapper_div);
        return $wrapper_div;


        }}

function abc(x){
 var $btn=$("<button>",{"class":" w3-bar-item w3-button","text":x});
 return $btn;
}