Question

向大家致以问候！我想知道是否有可能找出id =“contentEditDiv”的div是否在我刚刚点击的链接后出现。我的目标是只切换（删除）链接后加载和插入的ajax。

<a href="#" class="contentEditLink" id="1">link 1</a>
<a href="#" class="contentEditLink" id="2">link 2</a>
<a href="#" class="contentEditLink" id="3">link 3</a>

$('a.contentEditLink').click(function(){
if( $('#contentEditDiv').length ) {
    $('#contentEditDiv').remove();
}
else {
    var strContentID = $(this).attr('id');
    $('#' + strContentID).after('<div id="contentEditDiv"><img src="loading.gif" /></div>');
    $('#contentEditDiv').load('test.php?contentID=' + strContentID);
}
});

Answer 1

为每个ID提供相应的ID，因为您的ID无论如何都必须是唯一的（如果点击了所有3个链接，它们当前不是）

$('a.contentEditLink').click(function(){    
    var strContentID = $(this).attr('id');
    if( $('#contentEditDiv' + strContentID).length ) {
        $('#contentEditDiv' + strContentID).remove();
    }    
    $('#' + strContentID).after('<div id="contentEditDiv'+strContentID+'"><img src="loading.gif" /></div>');
    $('#contentEditDiv' + strContentID).load('test.php?contentID=' + strContentID);
});

的 jsFiddle

Answer 2

怎么样：

$('a.contentEditLink').click(function(){
    if ($(this).next('#contentEditDiv').length) {
        $(this).next('#contentEditDiv').remove();
    } else {
        [...]
    }
});

用jQuery切换

2 个答案:

的 jsFiddle