Как изменить текст внутри элемента, используя jquery?

Question

Я новичок в javascript и пытаюсь изменить текст внутри элемента ниже, но он не работает

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

Это запрос, который я использую, консоль. 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');
  }
  });
})

Answer 1

Несмотря на то, что ответ Манджубойза работает, я удалил свой сценарий jquery и просто использовал d3, как рекомендовали мои коллеги и некоторые люди из этого поста. Это результирующий код.

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

Answer 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>