[英]Increment, decrement href in JavaScript
我有一個可以按兩個按鈕滑動的圖像庫。
來自數據庫的值:
<?php
$sql = "SELECT * FROM struttura ORDER BY id_img";
$result = $pdo->query($sql);
while ($row = $result->fetch())
{
$id_img = $row['id_img'];
$file = $row['file'];
$text = $row['text'];
?>
<li><img src="images/<?php echo htmlspecialchars($file, ENT_QUOTES, 'UTF-8');?>" id="<?php echo htmlspecialchars($id_img, ENT_QUOTES, 'UTF-8');?>" /></li>
<?php
}
?>
這是導航的div
<div class="navigation">
<a href="#" class="nav_prev js-shown">Prev</a>
<a href="#" class="nav_btn"></a>
<a href="#" class="nav_btn"></a>
<a href="#" class="nav_next js-shown">Next</a>
</div>
如何使用JavaScript以這種方式增加或減少href
的值?
<a href="#1" class="nav_btn"></a>
<a href="#2" class="nav_btn"></a>
<a href="#3" class="nav_btn"></a>
...
先感謝您!
用純JavaScript
var link = document.getElementsByClassName('nav_btn');
for(var i = 0; i< link.length; i++){
link[i].href = '#'+(i+1);
link[i].innerHTML = '#'+(i+1);
}
您可以在每個循環中使用jquery
$( function(){
$('.navigation').find('.nav_btn').each(function(i){
var $this = $(this);
$this.attr('href','#'+i); // this will return from #0 you can this with '#'+i+1
});
} )
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.