如何使用 jquery 更改元素内的文本？答案

【问题标题】：How do I change text inside an element using jquery?如何使用 jquery 更改元素内的文本？
【发布时间】：2020-03-19 23:29:07
【问题描述】：

我对 javascript 很陌生，我正在尝试更改以下元素中的文本，但它不起作用

<div id='text'></div>

这是我正在使用的查询，console.log 有效，但 text() 函数无效。

d3.json('/data', function(error, closure_data) {
  $('.dropdown-item').click(function() {
  if ($(this).attr('value') == '1') {
    console.log('1')
    text = d3.select('#text')
    $(text).text('1');
  }
  });
})

【问题讨论】：

我对 d3 不熟悉，我不知道你为什么要在那里混合 d3 和 jQuery，但是在纯 jQuery 中做这部分只是var text = $('#text'); text.text('1');。
@Don'tPanic 没用
Yes it does.
@Don'tPanic 哦，奇怪的是它在 VS Code 中对我不起作用
如果你有 D3 就不需要使用 jQuery，你可以使用d3.select('#text').text('1') 而不需要使用 jQuery。

标签： javascript jquery html d3.js

【解决方案1】：

尽管 Manjuboyz 的回答有效，但我还是按照我的同事和这篇文章中的一些人的建议，删除了我的 jquery 脚本并只使用了 d3。这是生成的代码。

d3.json('/data', function(error, closure_data) {
  var btn = d3.select('.dropdown-item')
  btn.on('click', function() {
    d3.select('#text').text('1')
  })
  });

【讨论】：

【解决方案2】：

你可以这样使用：

 
$("#btnClick").click(function(){      
         $("div").text("your value in DIV");        
    });

  div {
    color: red;
  }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='submit' id="btnClick" value="ClickMe">
 <div id ="textDIv"></div>

【讨论】：