JavaScript 删除上方元素

Question

我想删除整个 <div class="form-group">当我点击 <span type="button"> .

<div class="form-group">
    <label class="col-md-4 control-label"></label>
    <div class="col-md-5">
        <div class="input-group">
            <input required="" placeholder="Voeg een highlight toe" class="form-control" name="highlight[]" type="text">
            <div class="input-group-btn">
                <span onclick="removeRow(this)" class="btn btn-default" type="button">
                    Verwijder
                </span>                 
            </div>
        </div>
    </div>
</div>

它一定是这样的:

<script>
    function removeRow(element){
        element.parentNode.remove();
    }
</script>

Answer 1

像这样的怎么样

<div class="form-group" id="form-group">
<label class="col-md-4 control-label"></label>
<div class="col-md-5">
    <div class="input-group">
        <input required="" placeholder="Voeg een highlight toe" class="form-control" name="highlight[]" type="text">
        <div class="input-group-btn">
            <span class="btn btn-default" id="clickme" type="button">
                Verwijder
            </span>                 
        </div>
    </div>
</div>
</div>

然后是js

var cm = document.getElementById('clickme');
cm.addEventListener('click',function(){
  console.log('clicked');
  var fg = document.getElementById('form-group');
  fg.parentElement.removeChild(fg);
});

看 fiddle

http://jsfiddle.net/X8Cwq/