I have an R shiny app with a navigation bar from the R shiny package. However, I am interested in outputting HTML, so no R specific knowledge is required here.
Tabbing through this navigation bar will skip these entries if these tabs have been previously selected. This is because when a tab is selected, shiny adds class="active" to that tab's
="active", leaving only I want to remove these class targets that have no value. I tried to do this using jquery by adding
$(document).on('hide.bs.tab', (x) => {
$('*[class!=*]').removeAttr('class');
Remove all these targets whenever a new tab is selected. However, I think this will cause some additional confusion, as other functionality in the app is now broken - predictably, this is a very brute force approach. The problem is that this HTML is invalid and I don't know how to select it correctly!
It would be great if anyone could suggest a strategy for solving this problem. Thanks!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Use attributes for empty classes
[]selector, for example:[class=""]$('[class=""]').removeAttr("class");[class] { background: red; }In pure JavaScript, you would do this:
document.querySelectorAll('[class=""]').forEach(el => el.removeAttribute("class"));[class] { background: red; }No need to load the entire library.