我有一些帶有無序串列(ul)的選單:
<ul class="myul">
<li>Button1</li>
<li>Button2</li>
<li class="selected">Button3</li>
<li>Button4</li>
</ul>
<ul class="myul">
<li>Button5</li>
<li>Button6</li>
<li>Button7</li>
<li>Button8</li>
</ul>
等等...
ul當內部li有時,我如何用jQuery改變外部的背景顏色?
提前致謝。
uj5u.com熱心網友回復:
在這種情況下,您可以使用 methodclosest()或parent(). 這是一個使用方法的例子closest()。
方法以相對于子級的任何級別closest()的父級為目標。
方法parent()僅針對第一級父級。
這是一個 jQuery 解決方案:
$('li.selected').closest('ul').css('background', 'green');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="myul">
<li>Button1</li>
<li>Button2</li>
<li class="selected">Button3</li>
<li>Button4</li>
</ul>
<ul class="myul">
<li>Button5</li>
<li>Button6</li>
<li>Button7</li>
<li>Button8</li>
</ul>
uj5u.com熱心網友回復:
這將是 CSS 中“有”選擇器的作業。不幸的是,在撰寫本文時,幾乎沒有瀏覽器支持它。Safari 技術預覽“尖端”瀏覽器支持,僅此而已。
https://caniuse.com/?search=has
您可以搜索“css 父選擇器”以了解這已成為許多 Web 開發人員長期以來的要求。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/422179.html
標籤:
上一篇:如何通過WordPress更改本網站產品標題的字體大小?
下一篇:HTML正文右側有邊距
