iT邦幫忙

0

【網頁前端】如何讓不同位置的標籤共用一個<a>連結?

各位高手大家好
小的公司網站有一頁編排如下:
<產品標題>
產品圖片輪播圖
文字解說
相關關鍵字tag
<按鈕>
這一頁的每一個<產品標題>及<按鈕>事實上都是下同一個連結
由於本公司網站沒有自己的後台每次都只好人工修改
有時只要產品數量多就常常有人(就是我啦QQ)改了上面<產品標題>的連結
卻忘了改下面<按鈕>的連結
每次修改都覺得很麻煩 不知道有沒有辦法同一個連結下一次就好
讓<產品標題>跟<按鈕>共用

2 個回答

0
最佳解答

兩種作法 php or javascript(jQuery)

php(其它語言可比照)

<?php
$linkAry = array('<a href="/test/product1.html">產品一</a>', '<a href="/test/product2.html">產品二</a>');

?>
product
<div><?php echo $linkAry[0]; ?></div><div><?php echo $linkAry[1]; ?></div>

content
<div><?php echo $linkAry[0]; ?></div><div><?php echo $linkAry[1]; ?></div>

javascript(jQuery)

引入jquery
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>


<script language="javascript">
	$(function () {
		var linkAry = ['<a href="/test/product1.html">產品一</a>', '<a href="/test/product2.html">產品二</a>'];
		$('.link1').html(linkAry[0]);
		$('.link2').html(linkAry[1]);
	});
</script>

<div class="link1"></div><div class="link2"></div>
<div class="link1"></div><div class="link2"></div>
1
haoming
iT邦好手 1 級 ‧ 2018-06-08 09:44:14

用 js , 把所有相同class的 全部改成 同一個 href 就好。

我要發表回答

立即登入回答