Question

我想根据H1标题

更改A标签标题的名称

<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';
}

我还没有尝试任何东西，因为我不确定要使用什么

Answer 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。基本上无论输入到文本框中的是什么，它都会更改title和h1元素的a属性。

请告诉我这是否有帮助，或者是否需要进行任何调整。

Answer 2

我认为这可能就是你要找的东西。

$('#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"/>

根据H1标题

2 个答案: