找到第一个空类div

Question

<input type='text' class='inptag' id='inptag'>

<div class='tagstore' id='tagstore'>
    <div class='tagsingle'></div>
    <div class='tagsingle'></div>
    <div class='tagsingle'></div>
    <div class='tagsingle'></div>
    <div class='tagsingle'></div>
</div>

JS

我需要先找到空的tagsingle并将其文本设为a.

$('#inptag').keypress(function(e) {
    if (event.keyCode === 13) {
        e.preventDefault();
        var a = $(this).val().trim();
        // here I need something like:
        $('.tagsingle:first-empty').text(a);
    }
});

有帮助吗？

Answer 1

首先使用,然后单独清空

$('.tagsingle:empty:first').text(a); //get empty first and then first

演示

$('#inptag').keypress(function(e) {
  if (event.keyCode === 13) {
    e.preventDefault();
    var a = $(this).val().trim();
    // here I need something like:
    $('.tagsingle:empty:first').text(a);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' class='inptag' id='inptag'>

<div class='tagstore' id='tagstore'>
  <div class='tagsingle'></div>
  <div class='tagsingle'></div>
  <div class='tagsingle'></div>
  <div class='tagsingle'></div>
  <div class='tagsingle'></div>
</div>
js