单击 时inviteButton
,输入搜索栏应清除,但它不适用于我当前的代码。
我是否错误地定位了元素?
$("#inviteButton").click(function(){
var userName = $("#searchUser").val();
if (userName.trim() != "") {
if (userName == myUserName) {
$("#connectToBox").append("You can't invite yourself");
$("#searchUser").empty(); // Doesn't work
} else {
socket.emit("checkUserConnect", userName, function(data){
if (data.result === undefined) {
console.log("No name");
$("#connectToBox").append("User does not exist");
$("#searchUser").empty(); // Doesn't work
} else {
console.log("name exists");
$("#searchUser").empty(); // Doesn't work
$("#connectToBox").append("Invite send");
UserID = data.result.id;
socket.emit("connectToUser", myUserName, UserID, currentConversation);
}
});
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="connectToBox">
<label for="search-2">Type in username</label>
<input type="search" name="search-2" id="searchUser" value="">
<a href="#" id="inviteButton" data-role="button" data-inline="true">Connect</a>
</div>
要清空输入字段,您通常会使用:
$('#searchUser').val('')
Empty 用于清除 div 或 p 标签等元素中的子节点,但不适用于输入。
原因是输入中的文本没有表示为元素的子节点,而是存储在输入标签的 html 属性上。因此.empty()
不适用于清除值。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句