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

时间:2018-07-24 07:48:11

标签: javascript jquery html

我有一个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>

但这不能解决问题。

5 个答案:

答案 0 :(得分:1)

您可以通过jQuery完成

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

答案 1 :(得分:1)

假设您在所有3个地方都使用ae-left div类作为跨度的父级

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

答案 2 :(得分:1)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td id="hello">number 1 is good</td>
    <td id="hello_copy"></td>
  </tr>
</table>

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

答案 3 :(得分:1)

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

答案 4 :(得分:0)

您可以呼叫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>