Javascript 如果div在数组中，如何使用JQuery追加

我想在一个数组中添加一个div，如何使用JQuery实现这一点

代码如下：

import React, { Compoenent } from "react";
import "./styles.css";
import $ from "jquery";
const CircularJSON = require("circular-json");

export default class App extends React.Component {
  componentDidMount() {
    $(`<div className="bulkclass top" />`).appendTo(".innerDiv");
    alert(CircularJSON.stringify($(".outerDiv")));
  }

  constructor(props) {
    super(props);
    this.state = {
      content: [
        <div className="outerDiv">
          <div className="innerDiv" />
        </div>
      ]
    };
  }

  render() {
    return (
      <div>
        {this.state.content.map((item, index) => {
          return item;
        })}
      </div>
    );
  }
}

import React，{component}来自“React”；
导入“/styles.css”；
从“jquery”导入$；
const CircularJSON=require（“循环json”）；
导出默认类App扩展React.Component{
componentDidMount（）{
$（``）.appendTo（“.innerDiv”）；
警报（CircularJSON.stringify（$（“.outerDiv”））；
}
建造师（道具）{
超级（道具）；
此.state={
内容：[
]
};
}
render（）{
返回(
{this.state.content.map（（项，索引）=>{
退货项目；
})}
);
}
}

我正在使用reactjs运行应用程序

这是一支密码笔：

---

在jQuery中，您可以以不同的方式添加类名。必须使用对象作为第二个参数，并使用键

class

作为类名

另一种方法是使用元素的

.addClass（…）

方法

试着这样做：

$("<div/>", { "class": "bulkclass top" }).appendTo(".innerDiv");

$（“”，{“class”：“bulkclass top”}）；

更新：

import React, { Component } from "react";
import "./styles.css";
import $ from "jquery";
const CircularJSON = require("circular-json");

export default class App extends Component {
  componentDidMount() {
    const divToAppend = $("<div/>", { class: "bulkclass" });
    divToAppend.html("WORKING PROOF");
    divToAppend.appendTo(".innerDiv");

    alert(CircularJSON.stringify($(".outerDiv")));
  }

  constructor(props) {
    super(props);

    this.state = {
      content: [
        <div className="outerDiv">
          <p>HELLO</p>
          <div className="innerDiv">TEST</div>
        </div>
      ]
    };

    console.log(this.state);
  }

  render() {
    return (
      <div>
        {this.state.content.map((item, index) => {
          return item;
        })}
      </div>
    );
  }
}

import React，{Component}来自“React”；
导入“/styles.css”；
从“jquery”导入$；
const CircularJSON=require（“循环json”）；
导出默认类应用程序扩展组件{
componentDidMount（）{
const divToAppend=$（“”，{class:“bulkclass”}）；
html（“工作证明”）；
divToAppend.appendTo（“.innerDiv”）；
警报（CircularJSON.stringify（$（“.outerDiv”））；
}
建造师（道具）{
超级（道具）；
此.state={
内容：[
你好

试验
]
};
console.log（this.state）；
}
render（）{
返回(
{this.state.content.map（（项，索引）=>{
退货项目；
})}
);
}
}

---

这是笔：

你确定这行吗？我试过了，但这似乎没有任何效果。如何使用addClass附加一个div？不，addClass只是用来创建一个带有特定css类的元素。与追加无关。我看到了您的代码笔，我将进行测试，但我直接注意到您没有正确创建div，并且类没有以这种方式在jQuery中正确添加。让我看看测试问题是：我需要这个div创建模式。没有办法那样追加div？请查看我的代码，我刚刚更新了答案。您应该可以在屏幕上看到附加的文本。