将文本添加到多个div标签中的跨度

Question

I have a html content in which a span tag is placed inside multiple div tags.

For example :

<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>

Also, please note the class "ae-left" has been used 3 times in the entire page.

I need to add text inside the span tag.

I tried something like this:

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

But this din't solve the issue.

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 is the location you want to place between 0-2.

Answer 4

You can do it in this way:

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

This will set the innerText property of all elements with .copy-narrow class to your Text .
If you want to select this particular span only, you can always use the id attribute of the parent div as id attribute must be unique.

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

Answer 5

You can call the class and use the .text() :

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

Or if you want to have html tags you can use .html() :

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