如何获取 github html div 元素要点 ID

Question

我使用 GitHub gist 将我的示例代码加载到我的个人博客中。我设计了一个网页并加载了要点。每个要点创建一个 div 元素：

<div id="gist*********" class="gist"></div>

又见这张图： github gist div id

我使用 clipboard.js 将我的要点与目标一起复制到剪贴板。目标是以要点词开头的 id。现在我想达到这个ID，但我找不到任何方法。 有什么想法吗？

注意：我是博主，我需要在博客中创建很多要点 post 所以我必须使用 clipboard.js[=17 的目标=]

示例代码：

按钮代码：

<button class="btn btn-sm btn-outline-primary copy-to-clipboard font-weight-bold" data-clipboard-target="#gist100405804">copy<i class="fas fa-copy ml-2"></i></button>

初始化剪贴板 js:

new ClipboardJS('.copy-to-clipboard');

Answer 1

[id^="gist"] 这将 select 所有以 gist 值

开头的元素

console.log($('[id^="gist"]').text())

[id^="gist"]{
  color:red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="gist01654">a</div>
<span id="gist_4">b</span>
<div id="654gist">c</div>
<div id="gis01654">d</div>

如何获取 github html div 元素要点 ID

how to get github html div element gist id

html

javascript

github

clipboard.js