亚洲最大看欧美片,亚洲图揄拍自拍另类图片,欧美精品v国产精品v呦,日本在线精品视频免费

  • 站長資訊網(wǎng)
    最全最豐富的資訊網(wǎng)站

    jquery怎么求兄弟節(jié)點(diǎn)的內(nèi)容值

    實(shí)現(xiàn)步驟:1、用遍歷兄弟節(jié)點(diǎn)的函數(shù)(siblings()、next()等)獲取指定元素的兄弟節(jié)點(diǎn),語法“指定元素.指定遍歷函數(shù)”;2、用text()或html()函數(shù)獲取被選節(jié)點(diǎn)的內(nèi)容值,語法“兄弟節(jié)點(diǎn).text()”或“兄弟節(jié)點(diǎn).html()”。

    jquery怎么求兄弟節(jié)點(diǎn)的內(nèi)容值

    本教程操作環(huán)境:windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。

    jquery求兄弟節(jié)點(diǎn)的內(nèi)容值,可以看出兩個部分:

    • 查找兄弟節(jié)點(diǎn)

    • 獲取被選節(jié)點(diǎn)的內(nèi)容值

    步驟1、查找兄弟節(jié)點(diǎn)

    jquery中提供了多種獲取兄弟節(jié)點(diǎn)的函數(shù),一般有七個:

    • siblings()方法,主要用于獲得指定元素的同級所有兄弟元素

    • next()方法,主要用于獲得指定元素的下一個兄弟元素

    • nextAll()方法,主要用于獲得指定元素的下一個同級的所有兄弟元素

    • nextUntil()方法,主要用于獲得指定元素的下一個兄弟元素,這個兄弟元素必須為指定元素與nextUntil()方法所設(shè)置元素之間的元素

    • prev()方法,主要用于獲得指定元素的上一級兄弟元素

    • prevAll()方法,主要用于獲得指定元素上一級所有的兄弟元素

    • prevUntil()方法,主要用于獲得指定元素的上一個兄弟元素,這個兄弟元素必須為指定元素與prevUntil()方法所設(shè)置元素之間的元素

    示例:使用next()獲取被選元素h2的下一個兄弟節(jié)點(diǎn)

    $("h2").next()

    步驟2、獲取被選節(jié)點(diǎn)的內(nèi)容值

    • 使用text() 方法設(shè)置被選節(jié)點(diǎn)的文本內(nèi)容

    示例1:獲取下一個兄弟節(jié)點(diǎn)的內(nèi)容值

    <!DOCTYPE html> <html> 	<head> 		<meta charset="utf-8"> 		<style> 			.siblings,.siblings *{  				display: block; 				border: 2px solid lightgrey; 				color: lightgrey; 				padding: 5px; 				margin: 15px; 			} 			.color{ 				color:red; 			} 		</style> 		<script src="js/jquery-3.6.0.min.js"></script> 		<script type="text/javascript"> 			$(document).ready(function() { 				$("button").click(function() { 					$("h2").next().css("color","red"); 					var con=$("h2").next().text(); 					console.log(con); 				}); 			}); 		</script> 	</head> 	<body> 		<div class="siblings">div (父) 			<p>p(兄弟元素)</p> 			<span>span(兄弟元素)</span> 			<h2 class="color">h2(本元素)</h2> 			<h3>h3(兄弟元素)</h3> 			<p>p(兄弟元素)</p> 		</div> 		<button>獲取兄弟節(jié)點(diǎn)的內(nèi)容值</button> 	</body> </html>

    jquery怎么求兄弟節(jié)點(diǎn)的內(nèi)容值

    示例2:獲取全部兄弟節(jié)點(diǎn)的內(nèi)容值

    $(document).ready(function() { 	$("button").click(function() { 		$("h2").siblings().css("color","red"); 		var con=$("h2").siblings().text(); 		console.log(con); 	}); });

    jquery怎么求兄弟節(jié)點(diǎn)的內(nèi)容值

    • 使用html()設(shè)置被選節(jié)點(diǎn)的內(nèi)容(innerHTML)

    示例:獲取上一個兄弟節(jié)點(diǎn)的內(nèi)容值

    $(document).ready(function() { 	$("button").click(function() { 		$("h2").next().css("color","red"); 		var con=$("h2").next().html(); 		console.log(con); 	}); });

    jquery怎么求兄弟節(jié)點(diǎn)的內(nèi)容值

    【推薦學(xué)習(xí):jQuery視頻教程、web前端視頻】

    贊(0)
    分享到: 更多 (0)
    網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號