2017-02-06 53 views
-1

我想改變的標籤稱號的基礎上H1標題更改基於一個H1標題的標籤的標題名稱

<a href="/servicing/2016-03-13-18-38-56" title="Assets"></a> 

<h1 title="Unit"></h1> 

所以當H1標題改變它改變標題名稱A標籤的

這是文本框代碼

<input class="inputbox" type="text" name="asset_string" id="asset_string" size="40" maxlength="255" value="unit"> 

這是asset_string PHP函數

function getAssetWord() { 
    $settings = AssetsController::loadSettings(); 
    if (!$settings->asset_string) { 
     $settings->asset_string = JText::_('ASSETS_ASSET'); 
    } 
    return $settings->asset_string; 
} 

function getAssetsWord() { 
    return AssetsController::getAssetWord() . 's'; 
} 

我還沒有嘗試過任何東西,因爲我不確定要使用什麼

+0

H1標題如何改變? –

+0

手動更改, – user2513528

+0

手動?怎麼樣 ? –

回答

0

我認爲這可能是您正在尋找的。

$('#changeTitle').change(function(){ 
 
    $('h1, a').attr('title', $(this).val()) 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="/servicing/2016-03-13-18-38-56" title="Assets">A</a> 
 

 
<h1 title="Unit">H1</h1> 
 

 
<input type="text" id="changeTitle"/>

+1

我不認爲,如果有問題,它提到,在點擊事件,他想改變標題? –

1

你的問題是你如何實現這個不清楚..但通過下面的評論,你通知,說明:

有一個文本框,當標題添加到文本框時,它將更改H1標籤

我想這是你在說什麼:


HTML:

<h1 title="Test Header> 
    I am H1 Element 
</h1> 

<div> 
    <a href="https://www.google.com/" id="Link" title="Test Link">I am a Link</a> 
</div> 


<div> 
    <input type="text" id="TextInput" /> 
</div> 

JS/jQuery的:

$("#TextInput").on("input",function(){ 
    $("h1").attr("title",$("#TextInput").val()); 
    $("#Link").attr("title",$("#TextInput").val()); 
}); 

這是JSfiddle。基本上無論輸入到文本框中,它都會更改h1a元素的title屬性。

讓我知道這是否有幫助,或者是否需要量身定做。

+0

嗨,感謝您的幫助,沒有按鈕點擊,標籤的'標題'只需要改變'H1'標題改變時,有一個文本框,用戶可以添加一個字,然後改變'H1'標籤的標題,當'H1'標籤改變'A標籤標題'時需要改變,所以沒有點擊事件 – user2513528

+0

@ user2513528更新了我的答案,不包括按鈕點擊..而是當輸入改變時在文本框內。 –