javascript - 如何确保我的值已添加并存在，然后运行另一个代码 jquery？

Question

您可以看到下面的代码，您可以输入任何值，然后将其附加到 div 中。我想添加一段代码，确保该值首先出现在 div 上并确保它存在，然后运行代码。因为我使用 .ajax 来创建搜索功能，所以我想确保该值存在于 div 中并运行 .ajax。所以，我正在考虑 input_length 是否大于当前长度，但我不知道这是否正确。因为 input_length 实际上是当前长度，对吗？帮忙，感激不尽。

$( "#input" ).keydown(function( event ) {

if ( event.which == 13 ) {
   event.preventDefault();
    
    //put input value into div
var value=$('#input').val();
    $('#word').append(" " + value);
        
}
  var input_length=$('#word').text.().length();
    //I want to code if one word add and exist, then run my .ajax code.
     
});

.test {display:inline-block;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="word" id="word">dog</div>
<input type="text" id="input"/>

Answer 1

这个问题对我来说没有多大意义，但你可以检查一下有问题的单词是否存在，如下所示:

// With jQuery
var newWord = $('#input').val();
var wordContainer = $('#word');
if (wordContainer.text().indexOf(newWord) < 0) {
  wordContainer.append(' ' + newWord);
}

// Or with plain JavaScript
var newWord = document.getElementById('input').value;
var wordContainer = document.getElementById('word');
if (wordContainer.innerText.indexOf(word) < 0) {
  wordContainer.appendChild(document.createTextNode(' ' + word));
}

append和appendChild都是同步添加单词的，所以使用后不需要检查。它肯定就在那里。 ;)