Как я могу добавить диапазон после текста в привязке? - PullRequest
Новая
       7

Как я могу добавить диапазон после текста в привязке?

0 голосов
/ 12 марта 2020

Я хочу добавить class = caret к шаблону bootstrap в CMS для всех якорей с class = "has-submenu", как показано в 

< a href="#" class="has-submenu" 
             id="sm-15840459350560935-1" 
             aria-haspopup="true" 
             aria-controls="sm-15840459350560935-2" 
             aria-expanded="false">Dropdown < span class="caret">< /span>< /a>

Я пробовал несколько решений, таких как 

$( "a.has-submenu" ).append(document.createTextNode("."))
                    .html( "<span class='caret'></span>" );

Который не функционировал. < b> class="caret" < /b> также может быть достаточно, и код может быть в javascript или php.

1 Ответ

1 голос
/ 13 марта 2020

Используйте .each() на вашем jQuery -Выборе, а затем добавьте span: 

$('a.has-submenu').each(function() {
  $(this).append('<span class="caret"></span>')
});
a {
  display: block;
  padding: 1em;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a href="#" class="has-submenu" id="a1">Text</a>
<a href="#" class="has-submenu" id="a2">Text</a>
<a href="#" class="has-submenu" id="a3">Text</a>
...