javascript - 如何隐藏点击的元素并显示不同的元素

Question

下面显示了一个按钮。当我单击它时，它应该隐藏，并且应该出现另一个背景图像。

我从下面显示的支持中添加这个

htmlDataId += "<a onclick=\"getChilds('"+row[primaryField]+"','false','UniqueId')\" title='View' ><i class='plus-symbol' style='height:2px;' id="+row['Id']+"> </i></a>&nbsp&nbsp&nbsp&nbsp&nbsp${row[selectedLabel]}"

在点击时，只有符号应该使用 jquery 函数隐藏并替换为其他背景图像。

这个方法会在点击时执行

function getChilds(primaryId, isFlat, col) {
        alert(event.target.id);
        //$("#'+ event.target.id +'").removeClass('plus-symbol')
        alert(primaryId)
}

Answer 1

我会建议在适当的时候切换类，而不是隐藏/显示元素。

您可以使用 jQuery 中的 hideClass 和 removeClass (您在问题中标记的)，例如:

htmlDataId += "<a onclick=\"$(this).find('i').removeClass('plus-symbol').addClass('minus-symbol')\" title='View' ><i class='plus-symbol' style='height:2px;' id="+row['Id']+"> </i></a>"