Safari中的Jquery对象数组引用

Question

我有这样的HTML ......

//class member

Tax[] valuesTaxID = null;


//inside a method

//default
Tax[] tx = new Tax[1];
tx[0] = new Tax();

if (valuesTaxID != null) {
    listV.setAdapter(null);
    listV.setAdapter(new ListItemAdapterTaxCheckBox(ctx, valuesTaxID, tx, rs, Ids));
listV.setVisibility(View.VISIBLE);

我想使用javascript删除最后出现的childLine实例（例如在本例中包含hello3的div）。

所以我这样做......

<div id="parentDiv">
  <div class="childLine">
    hello1
  </div>
  <div class="childLine">
    hello2
  </div>
  <div class="childLine">
    hello3
  </div>
</div>

以下是实例：https://codepen.io/d3wannabe/pen/BRRQBv

如果您在Chrome或Firefox中打开它，您只会看到前两行（正确），而如果您在Safari中打开，则不会删除第三个div。同样在iPhone上（即使使用Chrome应用程序），第三个div仍然存在。

为什么我会在浏览器中看到不一致的结果？