您可以看到下面的代码,您可以输入任何值,然后将其附加到 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"/>
最佳答案
这个问题对我来说没有多大意义,但你可以检查一下有问题的单词是否存在,如下所示:
// 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
都是同步添加单词的,所以使用后不需要检查。它肯定就在那里。 ;)
关于javascript - 如何确保我的值已添加并存在,然后运行另一个代码 jquery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28777648/