Javascript jQuery和动态选项卡与数据

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

我们有售票系统的salesforce网站。 在系统中，我们可以打开票据列表和选项卡，查看票据数据。 我想将文本和imgae作为html、css、js代码添加到选项卡内的数据中。 当我点击一个标签时，它会改变或者添加我想要的html代码

到目前为止，我的代码是：

舱单：

})

正如您所看到的，我有一个事件选项卡，其中包含票证列表，当我单击票证时，该选项卡打开

要为每个打开的票证更改或添加的选项卡数据。 每张票都有自己的数据。

---

如果你是指html元素，那么你想添加哪种信息？为什么不在content.js中创建你想添加的元素，然后将每个元素添加到你想添加的位置？你能提供更多信息或你想添加的html/css/js示例吗？

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

{
"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"]

      }

]

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