jquery選擇器:last-child不起作用解決辦法-js教程-PHP中文網

首頁

web前端

js教程

jquery選擇器:last-child不起作用解決辦法

黄舟

Jun 23, 2017 pm 02:59 PM

jquery last-child 不起作用解決選擇器

jquery :last-child不起作用？？？

貼上原始碼

<!DOCTYPE html>
<html>
<head>
<style>
span.solast { text-decoration:line-through; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div>
<span>John,</span>
<span>Karl,</span>
<span>Brandon,</span>
<span>Sam</span>
<div id="clearFloat"></div>

</div>
<div>
<span>Glen,</span>
<span>Tane,</span>

<span>Ralph,</span>
<span>David</span>
<div id="clearFloat"></div>

</div>
<script>
$("div span:last-child").css({color:"red", fontSize:"80%"})

</script>

</body>
</html>

登入後複製

為什麼一加上

後面

$("div span:last-child").css({color:"red", fontSize:"80%"})

登入後複製

這句話就不能生效呢？收起

我的目的是取得每個div下面的最後一個span元素
並設定css樣式

$.each($("body>div"),function(i){
      $(this).children("span").last().<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLuyu9rjRkujNWnvfvrjIB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRLnWDzPj0Y" target="_blank" class="baidu-highlight">css</a>({color:"red", fontSize:"80%"})
  });

登入後複製

改為

$("div span:last").css({color:"red", fontSize:"80%"})

登入後複製

因為最後一個孩子已經不是span了。

我的目的是要取得每個div下面的最後一個span元素
用last只能符合一個元素啊

以上是jquery選擇器:last-child不起作用解決辦法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

Java教學

1665

CakePHP 教程

1423

Laravel 教程

1321

PHP教程

1269

C# 教程

1249

Related knowledge

Win11系統無法安裝中文語言套件的解決方法 Mar 09, 2024 am 09:48 AM

Win11系統無法安裝中文語言包的解決方法隨著Windows11系統的推出，許多用戶開始升級他們的作業系統以體驗新的功能和介面。然而，一些用戶在升級後發現他們無法安裝中文語言包，這給他們的使用體驗帶來了困擾。在本文中，我們將探討Win11系統無法安裝中文語言套件的原因，並提供一些解決方法，幫助使用者解決這個問題。原因分析首先，讓我們來分析一下Win11系統無法

五招教你解決黑鯊手機開不了機的問題！ Mar 24, 2024 pm 12:27 PM

隨著智慧型手機技術的不斷發展，手機在我們日常生活中扮演著越來越重要的角色。而作為一款專注於遊戲效能的旗艦手機，黑鯊手機備受玩家青睞。然而，有時候我們也會面臨到黑鯊手機開不了機的情況，這時候我們就需要採取一些措施來解決這個問題。接下來，就讓我們來分享五招教你解決黑鯊手機開不了機的問題：第一招：檢查電池電量首先，確保你的黑鯊手機有足夠的電量。可能是因為手機電量耗盡

小紅書發布自動儲存圖片怎麼解決？發布自動保存圖片在哪裡？ Mar 22, 2024 am 08:06 AM

隨著社群媒體的不斷發展，小紅書已經成為越來越多年輕人分享生活、發現美好事物的平台。許多用戶在發布圖片時遇到了自動儲存的問題，這讓他們感到十分困擾。那麼，如何解決這個問題呢？一、小紅書發布自動儲存圖片怎麼解決？ 1.清除快取首先，我們可以嘗試清除小紅書的快取資料。步驟如下：（1）開啟小紅書，點選右下角的「我的」按鈕；（2）在個人中心頁面，找到「設定」並點選；（3）向下捲動，找到「清除快取」選項，點擊確認。清除快取後，重新進入小紅書，嘗試發布圖片看是否解決了自動儲存的問題。 2.更新小紅書版本確保你的小

無法在此裝置上載入驅動程式怎麼解決？ (親測有效) Mar 14, 2024 pm 09:00 PM

　　大家都知道，如果電腦無法載入驅動程序，該設備可能就無法正常工作或與電腦進行正確的互動。那在電腦上彈出無法在此裝置上載入驅動程式的提示框，我們要如何解決呢？下面小編就教大家兩招輕鬆解決問題。　　無法在此裝置上載入驅動程式解決方法　　1、開始功能表搜尋「核心隔離」。　　2、將記憶體完整性關閉，上方提示「記憶體完整性已關閉。你的裝置可能易受攻擊。」點擊後方忽略即可，不會對使用有影響。　　3.重啟機器之後即可解決問題。

拼字檢查在團隊中不起作用[修復] Mar 06, 2024 am 09:10 AM

我們已經開始注意到，有時拼字檢查停止工作的團隊。拼字檢查是有效溝通的基本工具，任何對它的打擊都會對工作流程造成相當大的破壞。在本文中，我們將探討拼字檢查可能無法如預期運作的常見原因，以及如何將其恢復到先前的狀態。所以，如果拼字檢查在團隊中不起作用，請遵循本文中提到的解決方案。為什麼Microsoft拼字檢查不起作用？ Microsoft拼字檢查無法正常運作可能有多種原因。這些原因包括不相容的語言設定、拼字檢查功能被停用、MSTeam或MSOffice安裝損壞等。另外，過時的MSTeams和MSOf

解讀Oracle錯誤3114：原因及解決方法 Mar 08, 2024 pm 03:42 PM

標題：分析Oracle錯誤3114：原因及解決方法在使用Oracle資料庫時，常常會遇到各種錯誤代碼，其中錯誤3114是比較常見的一個。此錯誤一般涉及資料庫連結的問題，可能導致存取資料庫時出現異常狀況。本文將對Oracle錯誤3114進行解讀，探討其造成的原因，並給出解決該錯誤的具體方法以及相關的程式碼範例。 1.錯誤3114的定義Oracle錯誤3114通

WordPress後台亂碼煩惱？試試這些解決方案 Mar 05, 2024 pm 09:27 PM

WordPress後台亂碼煩惱？試試這些解決方案，需要具體程式碼範例隨著WordPress在網站建置中的廣泛應用，許多用戶可能會遇到WordPress後台亂碼的問題。這種問題會導致後台管理介面顯示亂碼，對使用者的使用帶來極大困擾。本文將介紹一些常見的解決方案，幫助使用者解決WordPress後台亂碼的煩惱。修改wp-config.php檔案開啟wp-config.

黑鯊手機充電故障排查與解決 Mar 22, 2024 pm 09:03 PM

黑鯊手機是一款以效能強悍、遊戲體驗優異而聞名的智慧型手機品牌，備受廣大遊戲玩家和科技愛好者的喜愛。然而，就像其他智慧型手機一樣，黑鯊手機也會出現各種問題，其中充電故障是比較常見的一種。充電故障不僅會影響手機的正常使用，還可能引發更嚴重的問題，因此及時解決充電問題十分重要。本文將從常見的黑鯊手機充電故障原因入手，介紹追蹤與解決充電問題的方法，希望能幫助讀者解決黑鯊

See all articles

jquery選擇器:last-child不起作用解決辦法

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題