如何从 emenet 获取文本？答案

【问题标题】：How to get text from emenet?如何从 emenet 获取文本？
【发布时间】：2021-03-30 10:08:08
【问题描述】：

<div class="container">

  <div>
    <p>Put your do to list</p>
  </div>

  <div class="toDo">
    <ul id="list">

    </ul>

  </div>


  <input type="text" id="userInputAdd" placeholder="add">
  <button id="add">Add</button>
  <input type="text" id="userInputRemove" placeholder="remove">
  <button id="remove">Remove</button>
</div>

$('#add').click(() => {
  $input = $('#userInputAdd').val()

  console.log($input)

  $('#list').append("<li>" + $input + "</li>")


})

$('#remove').click(function() {

  $removeINput = $('#remove').val()
  console.log($removeINput)

  $('#list').children().each((index, item) => {
    console.log(item)

    if ($removeINput === ** item ** ) {
      item.remove()
    }

  })
})

【问题讨论】：

请慢慢来并格式化问题，以便在下次发布之前可以阅读
请您使用<> 按钮将代码转换为stacksn-p 吗？
这种情况是否正确？ ** if ($removeINput === ** item ** ) **

标签： javascript jquery text

【解决方案1】：

你的代码有几个错误：

$removeINput = $('#remove').val() 应该是$removeINput = $('#userInputRemove').val()，因为$('#remove') 是按钮而不是输入。

if ($removeINput === ** item ** ) 也应该是 if ($removeINput === $(item).text() )

演示

$('#add').click(() => {
  $input = $('#userInputAdd').val()

  console.log($input)

  $('#list').append("<li>" + $input + "</li>")


})

$('#remove').click(function() {

  $removeINput = $('#userInputRemove').val()
  console.log($removeINput)

  $('#list').children().each((index, item) => {
    console.log(item)

    if ($removeINput === $(item).text() ) {
      item.remove()
    }

  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">

  <div>
    <p>Put your do to list</p>
  </div>

  <div class="toDo">
    <ul id="list">

    </ul>

  </div>


  <input type="text" id="userInputAdd" placeholder="add">
  <button id="add">Add</button>
  <input type="text" id="userInputRemove" placeholder="remove">
  <button id="remove">Remove</button>
</div>

【讨论】：

$removeINput = $('#userInputRemove').val() 应该是 $removeINput = $('#remove').val() 不应该反过来