如何通过子选择器删除HTML中的嵌套div

Question

如何选择并删除图片中带红框的div：

我没有正确选择任何jQuery，在我看来我需要找到标题为= Heatmap的div，然后导航两个div并删除整个div - 这可能吗？ 谢谢！

Answer 1

如果元素始终位于.viz-controls-switchbar-switcher-container元素中的该位置，则可以使用：

$('.viz-controls-switchbar-switcher-container').children(':nth-child(5)').remove();

否则是的，你可以：

$('[title="Heatmap"]').closest('.viz-controls-switchbar-switcher').remove();

或者：

$('[title="Heatmap"]').parents('.viz-controls-switchbar-switcher').remove();

或者：

$('[title="Heatmap"]').parent().parent().remove();

或者，如果您的元素始终具有style属性，并且使用left: 73px;...，则可以使用：

$('.viz-controls-switchbar-switcher[style^="left: 73px"]').remove();