تغییر محتوای بین یک زوج تگ (tag)، به صورت تغییر در n امین (مثلا دومین) زوج تگ از آن نوع، با eq و html ، در jQuery
چنانچه قصد داریم که محتوای بین n امین (مثلا دومین) زوج تگ از یک نوع خاص را تغییر بدهیم، باید کدهای jQuery مشابه کد زیر را بنویسیم (کد زیر برای زوج تگ h2 می باشد و تنها دومین زوج تگ تغییر می کند) :
xxxxxxxxxx
$("h2").eq(1).html("hello world");
کد jQuery کامل :
xxxxxxxxxx
<script src="jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("h2").eq(1).html("hello world");
});
</script>
با کد بالا تعیین کرده ایم که دومین زوج تگ h2 در صفحه، محتوای بین آن حذف شده و عبارت جدید hello world در آن قرار بگیرد (محتوای جدید برای آن). دقت شود که عدد 1 در روش eq ، به دومین عنصر اشاره می کند، زیرا شمارش از عدد صفر (0) شروع می شود.
xxxxxxxxxx
<html>
<head>
</head>
<body>
<script src="jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("h2").eq(1).html("hello world");
});
</script>
<h2>some text 1</h2>
<h2>some text 2</h2>
<h2>some text 3</h2>
</body>
</html>
نتیجه :
دسته بندی تغییر محتوای صفحه، در jQuery
نظرات 0 0 0