Question

我需要帮助才能使我的代码正常工作。我知道这里也有类似的问题，但并非所有答案都对我有效。所以我的问题是，我想通过单击链接之一来更改Div的内容。这是我的代码。

        <div id="left">
             <h1>Welcome to This Section</h1>
             <h1>Welcome to This Content</h1>
        </div>

这是我的链接


           <div id="green2" class="block">
               <a href="#" id="about">About</a>
               <i class="fa fa-keyboard-o"></i>
           </div>

这是我的JQuery

$(document).ready(function(){

   $(document).on('click', '.about', function(){
       document.getElementById("left").innerHTML = "<p>This is a <span>new</span> paragraph</p>";
   });

});

我只想更改ID为“ left”的div中的所有内容，但似乎出了点问题。任何帮助，将不胜感激。预先感谢。

Answer 1

如果使用的是JQuery，为什么不使用其功能？您也正在使用.about而不是#about。

import React from "react";

export default class Symbol extends React.Component {
  componentDidMount() {
    console.log("came here", this.props.location.symbol);
  }

  render() {
    return <div>Symbol value: {this.props.location.symbol}</div>;
  }
}

Answer 2

您在js中输入错误：

 $(document).on('click', '.about', function(){

是

 $(document).on('click', '#about', function(){

因为您捕获的是id而不是类

更改Div内容

2 个答案: