將文本添加到多個div標簽中的跨度

Question

我有一個html內容，其中span標簽位於多個div標簽內。

例如 ：

<div id="ae_launcher" class="module tipsytip active" tabindex="0" role="button" aria-label="" style="display: none;" original-title="">
    <div class="left">
        <span class="copy-narrow" aria-hidden="true"></span>
    </div>
</div>

另外，請注意，“ ae-left”類已在整個頁面中使用了3次。

我需要在span標簽內添加文本。

我嘗試過這樣的事情：

<script type="text/javascript">
    $('.left:eq(1) .copy-narrow').text('hidshjgdjb');
</script>

但這並不能解決問題。

Answer 1

你可以通過jQuery做到這一點

$('#ae_launcher .ae-left > span ').text("Hello");

Answer 2

假設您在所有3個地方都使用ae-left div類作為跨度的父級

$('.ae-left span ').text("Text here");

Answer 3

<script>
    var l = document.getElementsByClassName("ae-copy-narrow");
                l[x].innerHTML = "some text";

</script>

x是您要放置在0-2之間的位置。

Answer 4

您可以通過以下方式進行操作：

$('.left > .copy-narrow').text("your Text");

這會將所有帶有.copy-narrow類的元素的innerText屬性設置為your Text 。
如果只想選擇此特定范圍，則始終可以使用父div的id屬性，因為id屬性必須唯一。

$('#ae_launcher .copy-narrow').text('your text');

Answer 5

您可以調用class並使用.text() ：

<script>
    $(function() {
        var sometext = 'This is my text';
        $('.ae-copy-narrow').text(sometext);
    });
</script>

或者，如果您想要html標記，則可以使用.html() ：

<script>
    $(function() {
        var sometext = '<img src="myimage.png" />';
        $('.ae-copy-narrow').html(sometext);
    });
</script>