ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: affsom ที่ 12 กันยายน 2015, 11:56:47


หัวข้อ: Css parent กำหนดยังไงครับ
เริ่มหัวข้อโดย: affsom ที่ 12 กันยายน 2015, 11:56:47
<div class="1>1234</div>

<div class"2">aaaa</div>

สมมุติว่าถ้าเกิดว่ามี div.2 จะกำหนด ให้ div.1 display:none


หรือจะใช้scripก็ได้ครับ

 :wanwan017: :wanwan017:

หัวข้อ: Re: Css parent กำหนดยังไงครับ
เริ่มหัวข้อโดย: Jir4yu ที่ 12 กันยายน 2015, 12:11:05
ถ้า div.1 กับ div.2 อยู่ติดกันเลยนะครับ สามารถเขียน css เรียก div.1 ได้โดย

โค๊ด:
div.2~div.1

แต่ selector ข้างบนนี้เป็น CSS3 ครับ อาจจะใช้กับ browser เก่าไม่ได้

หัวข้อ: Re: Css parent กำหนดยังไงครับ
เริ่มหัวข้อโดย: affsom ที่ 12 กันยายน 2015, 12:34:08
อ้างจาก: Jir4yu ที่ 12 กันยายน 2015, 12:11:05
ถ้า div.1 กับ div.2 อยู่ติดกันเลยนะครับ สามารถเขียน css เรียก div.1 ได้โดย

โค๊ด:
div.2~div.1

แต่ selector ข้างบนนี้เป็น CSS3 ครับ อาจจะใช้กับ browser เก่าไม่ได้

ไม่ได้ครับ มันจะมีผลเฉพาะ classที่อยู่ด้านล่าง ถ้าด้านบนไม่ได้ครับ
:wanwan023:

หัวข้อ: Re: Css parent กำหนดยังไงครับ
เริ่มหัวข้อโดย: markesesr ที่ 12 กันยายน 2015, 14:31:32
jquery เหอะครับ  :wanwan003:

หัวข้อ: Re: Css parent กำหนดยังไงครับ
เริ่มหัวข้อโดย: affsom ที่ 12 กันยายน 2015, 14:38:47
อ้างจาก: markesesr ที่ 12 กันยายน 2015, 14:31:32
jquery เหอะครับ  :wanwan003:

jquery ขอcodeตัวอย่างหน่อยครับ

 :wanwan017: :wanwan017:

หัวข้อ: Re: Css parent กำหนดยังไงครับ
เริ่มหัวข้อโดย: romance69 ที่ 12 กันยายน 2015, 19:01:44
คราวๆ ก็ประมาณนี้ครับ ลองเอาไปปรับใช้ดูครับ

โค๊ด:
<!DOCTYPE html>
<html>
<head>
	<title>HTML CHECK JS</title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
		    if($( "#001" ).length) {
		    	$( "#002" ).css("display", "none");
			}else {
				$( "#001" ).css("display", "none");
			}
		});
	</script>
</head>
<body>
<div id="001" style="height: 300px; width: 500px; background-color:black"></div>
<br />
<div id="002" style="height: 300px; width: 500px; background-color:red"></div>
</body>
</html>

ขอเพิ่มเติมสำหรับนิดนึงนะครับ

if($( "#001" ).length)  จะเช็คหา ID 001 ครับ ถ้าไม่มี ID 001 จะ else เอา ID 002 มาแสดงแทน
แต่ถ้ามี ID 001 จะ none ID 002 ไว้ครับ

แบบนี้ใช่หรือเปล่าครับที่ต้องการ ถ้าผิดขออภัยครับ

หัวข้อ: Re: Css parent กำหนดยังไงครับ
เริ่มหัวข้อโดย: Jir4yu ที่ 12 กันยายน 2015, 21:30:34
อ้างจาก: affsom ที่ 12 กันยายน 2015, 12:34:08
อ้างจาก: Jir4yu ที่ 12 กันยายน 2015, 12:11:05
ถ้า div.1 กับ div.2 อยู่ติดกันเลยนะครับ สามารถเขียน css เรียก div.1 ได้โดย

โค๊ด:
div.2~div.1

แต่ selector ข้างบนนี้เป็น CSS3 ครับ อาจจะใช้กับ browser เก่าไม่ได้

ไม่ได้ครับ มันจะมีผลเฉพาะ classที่อยู่ด้านล่าง ถ้าด้านบนไม่ได้ครับ
:wanwan023:

ขอโทษทีครับ ลองแบบนี้ครับ
โค๊ด:
var target = $('.2').prev('.1');


SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com