jQuery 和动态选项卡和数据答案

【问题标题】：jQuery and dynamic Tabs and datajQuery 和动态选项卡和数据
【发布时间】：2020-03-03 08:59:47
【问题描述】：

我正在尝试为我的团队构建 Chrome 扩展。

我们有售票系统的销售人员网站。在系统中，我们有工单列表和选项卡，可以打开并查看工单数据。我想将文本和 imgaes 作为 html、css、js 代码添加到选项卡内的数据中。当我点击一个选项卡时，它会更改或添加我想要的 html 代码。

到目前为止我的代码：

清单：

{
"manifest_version": 2,
"name": "Help Desk SalesForce Helper",  
"description": "Help Desk SalesForce Helper",  
"version": "1.0", 

"options_page" : "options.html",

"permissions": [    
"<all_urls>",
"tabs",
"storage"
] ,



"browser_action": { 
    "default_icon": {
        "19": "images/icons/19.png",
        "38": "images/icons/38.png"
    },
    "default_popup": "popup.html"  
},

"icons": {
    "16": "images/icons/16.png",
    "19": "images/icons/19.png",
    "38": "images/icons/38.png",
    "64": "images/icons/64.png",
    "128": "images/icons/128.png"
},
"background":{
 "scripts":["eventPage.js"],
 "persistent":false
},

"content_scripts":[  
         {
             "matches":["https://icl--bmcservicedesk.eu32.visual.force.com/*"],
             "js":["jquery-3.4.1.min.js","content.js"]

      }

]

}

content.js

$(document).ready(function(){
$('.x-tab-inner').on('click',function(){
    alert('The New or old Tab is Clicked');
});

});

如您所见，我有带有工单列表的事件选项卡，当我单击工单时，该选项卡已打开。

我想为每张打开的票更改或添加的标签数据。每张票都有自己的数据。

【问题讨论】：

标签： javascript jquery google-chrome google-chrome-extension

【解决方案1】：

如果您的意思是 html 元素，您想要添加哪种信息为什么不在 content.js 中创建您想要添加的元素，然后将每个元素附加到您希望它适合的位置，您能否提供更多信息或示例html/css/js 你想添加

【讨论】：

我想添加 P 元素、链接、图像。我的问题是标签。在我在网站上打开一个新标签后。扩展程序无法识别它。当我使用控制台插入元素时，它会将它们添加到所有选项卡中，现在仅在我现在查看的 tavi 上工作。有什么建议吗？
也许可以测试网站如何知道单击了哪个选项卡，然后为每个选项卡设置一个类，并隐藏除与选项卡相同的类之外的所有类