javascript - How to select injected HTML's li and keep it hidden -
how can keep li iconsrc="/_layouts/15/images/delitem.gif"
image hidden div injected first party , third party trying hide it.
$("<style> go here ???? { display: none; }</style>").appendto(document.documentelement);
how can select list item iconsrc="/_layouts/15/images/delitem.gif"
document.
<div class="ms-core-menu-box ms-core-menu-hasicons ms-core-defaultfont ms-shadow" title="" dir="ltr" contenteditable="false" style="top: 0px; position: absolute; visibility: visible; left: -129px; width: 127px;" flipped="false"> <ul class="ms-core-menu-list"> <li type="option" text="delete" onmenuclick="spgridcontainer_wpq2_rowcontextmenu_onclick(0);" iconsrc="/_layouts/15/images/delitem.gif" iconalttext="delete" enabled="true" checked="undefined" id="mp43_0_0" class="ms-core-menu-item"> <a class="ms-core-menu-link" id="mp43_0_0_anchor" href="javascript:;" onclick="return false;" title="delete"> <div class="ms-core-menu-icon"> <img src="/_layouts/15/images/delitem.gif" alt="delete" title="delete" id="mp43_0_0_icon"> </div> <div class="ms-core-menu-label" id=""> <span class="ms-core-menu-title">delete</span> <span></span> </div> <span class="ms-accessible"></span> <div></div> </a> </li> </ul> </div>
point keep delete button hidden whenever list injected in page.
keep simple css attribute selectors:
li[iconsrc="/_layouts/15/images/delitem.gif"] { display:none; }
<ul> <li iconsrc="/_layouts/15/images/delitem.gif"> <img src="/_layouts/15/images/delitem.gif" alt="delete" title="delete" id="mp43_0_0_icon" /> </li> <li> <img src="/_layouts/15/images/adasdasfafsdfs.gif" alt="sdfsdfsdf" title="blablalbavbaab" id="fsdfsdfsdf"/> </li> </ul>
Comments
Post a Comment