将相同的元素作为子元素添加到jQuery中的两个不同的父元素是否有效?

时间:2016-07-01 12:03:17

标签: javascript jquery html

假设我有一些HTML,

var $child = $("<span id='child'>Hello</span>");

$("#first").append($child);
$("#second").append($child);

并使用JavaScript和JQuery我尝试执行以下操作

var $child = $("<span/>").text("Hello");

我是否有两个子节点副本,或者我有两个对相同子节点的引用?

更新

我意识到我的子元素的示例创建有点不对。也许

public class CustomScrollView extends ScrollView {
    public CustomScrollView(Context context) {
        super(context);
    }

    public CustomScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public CustomScrollView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return false;
    }
}

更正确一点。

1 个答案:

答案 0 :(得分:4)

#first元素中附加的子代将移至#second元素,并将#first元素留空。您可以使用clone()插入子元素的副本。

但是,DOM中不应该有多个具有相同ID的元素,因此请ID

Class更改为child element