как получить github html div элемент gist id - PullRequest
Новая
       88

как получить github html div элемент gist id

0 голосов
/ 06 января 2020

Я использую GitHub Gist для загрузки своего примера кода в свой личный блог. Я проектирую веб-страницу, и суть загружена. каждая сущность создает элемент div: 

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

также видите это изображение: github gist div id

Я использую буфер обмена. js, чтобы скопировать мою сущность в буфер обмена с целью. цель - это идентификатор, который начинается со слова гист. теперь я хочу получить этот идентификатор, но я не могу найти способ. есть идеи?

обратите внимание: я блогер, и мне нужно создать много гист в посте блога, поэтому я должен использовать цель с буфером обмена. js

примеры кодов:

код кнопки: 

<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');

1 Ответ

0 голосов
/ 06 января 2020

[id^="gist"] при этом будут выбраны все элементы, начиная с 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>
...