单击带有长度的按钮时如何提醒某些东西？ [关闭]

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 来提醒“你好”之类的东西

<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'));

Answer 2

$('button.addinput').on('click', function(){
   var ThisIt = $(this);
   var n = $('input[type=text]').length + 1;
   $('<input value="input '+n+'" type="text">').insertBefore(ThisIt);
});

注意：一定要包含jquery

Working Demo

您可以对 .addbigbox 使用相同的方式