javascript - 单击具有长度的按钮时如何发出警报？

Question

我有这个按钮

<div class="bigbox">
    <input type="text" placeholder="bigboxinput">
    <div class="smallbox">
        <input type="text" placeholder="smallboxinput1">
        <button class="addinput">Add another input</button>
    </div>   
</div>
<button class="addbigbox">Add another bigbox</button>

当我单击该按钮时，我想使用 javascript 发出诸如“hello”之类的警报

<script> 
var n = $('.addmore').length + 1;
$('.addmore').click(function(){  //I dont know what to do here
alert('Hello');
</script>

Answer 1

这是一个jsfiddle:

https://jsfiddle.net/mckinleymedia/cxu429e7/8/

我假设 html 是这样的:

<div>
  <div class="bigbox">
    <div class="smallbox">
      <input type="text" />
      <button class="addinput">Add an input</button>
    </div>
  </div>
  <button class="addbigbox">Add a bigbox</button>
</div>

这是代码:

$('.addbigbox').click(function() {
  var target = $('<button>')
      .addClass('addinput')
      .html('add an input');
  $(this)
    .before(
    $('<div>')
    .addClass('bigbox')
    .append(
      $('<input>')
      .attr('type','text')
    )
    .append(
      target
    )
  )
  addInput(target);
});
var addInput = function(target){
  target.click( function() {
    $(this)
      .before(
      $('<input>')
      .attr('type','text')
    )
  });
};
addInput($('.addinput'));