如何确保我的值被添加并存在，然后运行另一个代码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同时添加该词，因此您在使用它们后无需检查。 肯定在那里。 ;）