单击锚元素更改 span 元素的文本

Question

<div class="input-group-btn search-panel" id="change-text">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        <span id="search_concept change-text-span">Select Location</span>
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu scrollable-menu" role="menu">
        <li>
            <a href="#Link" id="change-text-a">Odisha</a>
        </li>
    </ul>
</div>

在上面的代码中，我需要在单击 a 元素时更改 span 元素的文本。我该怎么做？

请帮忙。

Answer 1

试试这个：

$("#change-text-a").click(function() {
   $(".caret").text("SEt content here");
});

单击锚元素更改 span 元素的文本

Change the text of a span element on click on an anchor element

javascript

jquery

frontend