jquery以编程方式单击新的dom元素

Question

我试图在jquery中做一些棘手的事情(至少对我来说).我有一个绑定到名为add_course的函数的复选框,如下所示:

    function add_course(){
        var id = $(this).attr('id');
        if ($(this).is(':checked')){

            if($('#courseInput').val().search(id) < 0){
                $('#CourseSummary').append('<span id="cn'+id+'"><a href="#" class="courseDel" id="'+id+'">X</a> '+$('#course'+id+' a').html()+'<br/></span>');
                $('#courseInput').val(function(index,value){
                    return value+ id +',1;';
                });
                addTotal($('#price'+id).text());
            }
            imageSync();
        }else{
            //This is where my question refers to. 
            $('a#'+id+'.courseDel').click();
        }
    }

当有人选中该复选框时,会在页面中添加包含一些数据和链接的范围.新链接连接到不同的功能

$('.courseDel').live('click', del_course); 

del_course做了很多东西,就像add_course一样.

正如您在add_course函数中看到的那样.我检查复选框是否已经过检查,只检查过是否存在.

这是del_course:

     function del_course(){
        var id = $(this).attr('id');
        $('#cn'+id).remove();
        $('#courseInput').val(function(index,value){
            return value.replace(id+',1;',"");
        });
        subtractTotal($('#price'+id).text());
        imageSync();
    }

我想让add_course函数的else部分触发del_course,以便在选中复选框时添加相应的链接.这不起作用.我可能过于复杂了.

这是复选框的html(其中一个示例):

<input type="checkbox" class="courseAdd" name="courseAdd" id="204"/>

这是当有人点击复选框时添加的链接的html:

<span id="cn204"><a href="#" class="courseDel" id="204">X</a> Course Title<br/></span>

当有人点击链接时它很有用,但是我如何以编程方式触发它？

Answer 1

由于您拥有自己创建的元素的ID,因此只需引用ID并使用以下trigger()方法:

$('#'+id).trigger('click');

此外,只是一个数字的ID不正确:

ID和NAME令牌必须以字母([A-Za-z])开头,后面可以跟任意数量的字母,数字([0-9]),连字符(" - "),下划线("_") ,冒号(":")和句号(".").