Javascript 如何在父div下的所有div中写入内容？

我计划为滑块手动编写分页。现在这个分页是这样打印的

<div class="tp-bullets  simplebullets custom">
    <div class="bullet first"></div>
    <div class="bullet"></div>
    <div class="bullet"></div>
    <div class="bullet"></div>
    <div class="bullet selected"></div>
    <div class="bullet"></div>
    <div class="bullet last"></div>
    <div class="tpclear"></div>
</div>

现在它打印空分页。我想使用

javascript

在所有div中使用c

lass name=tp-bullets-simplebullets-custom

在div下编写

content

，请有人帮助我这样做。我对js非常了解

使用jQuery：

$('.tp-bullets > div').append('<span>content</span>')

$（'.tp项目符号>div'）.append（'content'））

使用jQuery：

$('.tp-bullets > div').append('<span>content</span>')

$（'.tp项目符号>div'）.append（'content'））

使用jQuery：

$('.tp-bullets > div').append('<span>content</span>')

$（'.tp项目符号>div'）.append（'content'））

使用jQuery：

$('.tp-bullets > div').append('<span>content</span>')

$（'.tp项目符号>div'）.append（'content'））

这里有一个演示： 我不认为您打算让

包含

内容，因为它看起来像是一个清除项目符号而不是一个内容项目符号，所以我使用class
.bullet
来设置内容

$(document).ready(function() {
    $('.add').on('click', function() {
        $('.bullet').html('<span>Content</span>');
    });
});

$（文档）.ready（函数（）{
$（'.add'）。在（'click'，function（）上{
$（'.bullet'）.html（'Content'）；
});
});

希望这有帮助

编辑：如果您希望每个div有不同的文本，可以使用：

$（文档）.ready（函数（）{
变量divArray=[
“项目符号1内容”，
“项目符号2内容”，
“项目符号3内容”，
“项目符号4内容”，
“项目符号5内容”，
“项目符号6内容”，
“项目符号7内容”，
]
$（'.add'）。在（'click'，function（）上{
var计数=0；
$（'.bullet'）。每个（函数（）{
$（this.html（“”+divArray[count]+“”）；
计数++；
});
});
});
这里有一个演示：
我不认为您打算让
包含
内容，因为它看起来像是一个清除项目符号而不是一个内容项目符号，所以我使用class
.bullet
来设置内容

$(document).ready(function() {
    $('.add').on('click', function() {
        $('.bullet').html('<span>Content</span>');
    });
});

$（文档）.ready（函数（）{
$（'.add'）。在（'click'，function（）上{
$（'.bullet'）.html（'Content'）；
});
});

希望这有帮助

编辑：如果您希望每个div有不同的文本，可以使用：

$（文档）.ready（函数（）{
变量divArray=[
“项目符号1内容”，
“项目符号2内容”，
“项目符号3内容”，
“项目符号4内容”，
“项目符号5内容”，
“项目符号6内容”，
“项目符号7内容”，
]
$（'.add'）。在（'click'，function（）上{
var计数=0；
$（'.bullet'）。每个（函数（）{
$（this.html（“”+divArray[count]+“”）；
计数++；
});
});
});
这里有一个演示：
我不认为您打算让
包含
内容，因为它看起来像是一个清除项目符号而不是一个内容项目符号，所以我使用class
.bullet
来设置内容

$(document).ready(function() {
    $('.add').on('click', function() {
        $('.bullet').html('<span>Content</span>');
    });
});

$（文档）.ready（函数（）{
$（'.add'）。在（'click'，function（）上{
$（'.bullet'）.html（'Content'）；
});
});

希望这有帮助

编辑：如果您希望每个div有不同的文本，可以使用：

$（文档）.ready（函数（）{
变量divArray=[
“项目符号1内容”，
“项目符号2内容”，
“项目符号3内容”，
“项目符号4内容”，
“项目符号5内容”，
“项目符号6内容”，
“项目符号7内容”，
]
$（'.add'）。在（'click'，function（）上{
var计数=0；
$（'.bullet'）。每个（函数（）{
$（this.html（“”+divArray[count]+“”）；
计数++；
});
});
});
这里有一个演示：
我不认为您打算让
包含
内容，因为它看起来像是一个清除项目符号而不是一个内容项目符号，所以我使用class
.bullet
来设置内容

$(document).ready(function() {
    $('.add').on('click', function() {
        $('.bullet').html('<span>Content</span>');
    });
});

$（文档）.ready（函数（）{
$（'.add'）。在（'click'，function（）上{
$（'.bullet'）.html（'Content'）；
});
});

希望这有帮助

编辑：如果您希望每个div有不同的文本，可以使用：

$（文档）.ready（函数（）{
变量divArray=[
“项目符号1内容”，
“项目符号2内容”，
“项目符号3内容”，
“项目符号4内容”，
“项目符号5内容”，
“项目符号6内容”，
“项目符号7内容”，
]
$（'.add'）。在（'click'，function（）上{
var计数=0；
$（'.bullet'）。每个（函数（）{
$（this.html（“”+divArray[count]+“”）；
计数++；
});
});
});
使用纯Javascript

var div = document.getElementById('divID');

div.innerHTML = '<span>content</span>';

[].slice.call(document.querySelectorAll('div.tp-bullets.simplebullets.custom')).forEach(function(el){
    el.innerHTML = '<span>Content</span>';
});

var div=document.getElementById（'divID'）；
div.innerHTML='content'；
使用纯Javascript

var div = document.getElementById('divID');

div.innerHTML = '<span>content</span>';

[].slice.call(document.querySelectorAll('div.tp-bullets.simplebullets.custom')).forEach(function(el){
    el.innerHTML = '<span>Content</span>';
});

var div=document.getElementById（'divID'）；
div.innerHTML='content'；
使用纯Javascript

var div = document.getElementById('divID');

div.innerHTML = '<span>content</span>';

[].slice.call(document.querySelectorAll('div.tp-bullets.simplebullets.custom')).forEach(function(el){
    el.innerHTML = '<span>Content</span>';
});

var div=document.getElementById（'divID'）；
div.innerHTML='content'；
使用纯Javascript

var div = document.getElementById('divID');

div.innerHTML = '<span>content</span>';

[].slice.call(document.querySelectorAll('div.tp-bullets.simplebullets.custom')).forEach(function(el){
    el.innerHTML = '<span>Content</span>';
});

var div=document.getElementById（'divID'）；
div.innerHTML='content'；
您只需执行以下操作：

$(".tp-bullets").children("div").html("<span>content</span>");

$（.tp项目符号”）.children（“div”）.html（“内容”）；


如果要添加不同的项目，可以执行以下操作：

var myItems = ["item1", "item2", "item3", "item4", "item5", "item6", "item7", "item8"];

$(".tp-bullets").children("div").each(function( index ) {
    $(this).html("<span>"+myItems[index]+"</span>");
});

var myItems=[“项目1”、“项目2”、“项目3”、“项目4”、“项目5”、“项目6”、“项目7”、“项目8”]；
$（“.tp项目符号”）.children（“div”）.each（函数（索引）{
$（this.html（“+myItems[index]+”）；
});

您只需执行以下操作：

$(".tp-bullets").children("div").html("<span>content</span>");

$（.tp项目符号”）.children（“div”）.html（“内容”）；


如果要添加不同的项目，可以执行以下操作：

var myItems = ["item1", "item2", "item3", "item4", "item5", "item6", "item7", "item8"];

$(".tp-bullets").children("div").each(function( index ) {
    $(this).html("<span>"+myItems[index]+"</span>");
});

var myItems=[“项目1”、“项目2”、“项目3”、“项目4”、“项目5”、“项目6”、“项目7”、“项目8”]；
$（“.tp项目符号”）.children（“div”）.each（函数（索引）{
$（this.html（“+myItems[index]+”）；
});

您只需执行以下操作：

$(".tp-bullets").children("div").html("<span>content</span>");

$（.tp项目符号”）.children（“div”）.html（“内容”）；


如果要添加不同的项目，可以执行以下操作：

var myItems = ["item1", "item2", "item3", "item4", "item5", "item6", "item7", "item8"];

$(".tp-bullets").children("div").each(function( index ) {
    $(this).html("<span>"+myItems[index]+"</span>");
});

var myItems=[“item1”、“item2”、“item3”、“item4”、“item