jQuery可以操作插入的元素吗？ [英] Can jQuery manipulate inserted elements?

问题描述

我是jQuery的新手。我认为jQuery可以操纵代码添加的元素是合理的，但我发现它现在不能。

I'm a freshman to jQuery. I think it's reasonable that jQuery could manipulate elements added by code, but I found it couldn't just now.

$(function(){
    $("#addVideo").click(function(){
         $("#publisher").append("<div id='choseType'><input type='button' value='video'> <input value='music' type='button'> <input type='button' value='X'></div>");
    })      
    $("#choseType input:eq(0)").click(function(){
     $(this).addClass("selected");
    })
})

是jquery的限制还是我的代码的错？看来如果我将第二个 click（）函数放入第一个正确运行的函数中，但它只会运行一次（如果我删除附加的 #choseType 并再次附加它，第二次点击将无效。）。那么我如何操作代码添加元素？谢谢！

Is it jquery's limitation or my code's fault? It seems if I put the second click() function into the first one it will run correctly, but it will only run once(if I remove the appended #choseTypeand append it again the second click won't work.).Then how do I manipulate code added elements? Thanks!

推荐答案

$(function(){
    $("#addVideo").click(function(){

        //create new content, and append to publisher
        //also, reference the new content
        var newContent = $("<div><input type='button' value='video'> <input value='music' type='button'> <input type='button' value='X'></div>").appendTo('#publisher');

        //then add a handler to input in the context of the new content
        $("input:eq(0)", newContent).click(function(){
            $(this).addClass("selected");
        });
    })    
})

这篇关于jQuery可以操作插入的元素吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！