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

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函数隐藏符号并替换为其他背景图像。

此方法将执行onclick

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>"