如何獲取title屬性並將其追加到其他地方

-2

如何獲取title屬性並將其追加到其他地方？如何獲取title屬性並將其追加到其他地方

我有下面這段代碼：

<div class="span"> 
<a title="SHARON MORGAN" href="/members/SHARONMORGAN"> 
    <span class="avatar avatar-96 avatar-default"></span> 
</a> 
</div>

那我想改變這樣的：

<div class="span"> 
<a title="SHARON MORGAN" href="/members/SHARONMORGAN"> 
    <span class="avatar avatar-96 avatar-default"></span> 
</a> 
<a href="/members/SHARONMORGAN">SHARON MORGAN</a> 
</div>

公告名稱SHARON MORGAN毗鄰錨標記插入並與同一鏈路包它上面。任何幫助是極大的讚賞。

來源

2014-10-05 user1646617

使用jQuery，您將不得不以某種方式抓取元素並閱讀ist title屬性。然後你可以用它做你想做的。

<a title="SHARON MORGAN" id="sharon-morgan" href="..."><span>...</span></a> 
<script type="text/JavaScript"> 
var title = $('a#sharon-morgan').attr('title'); 
var href = $('a#sharon-morgan').attr('href'); 
var a = $('<a href="' + href + '">' + title + '</a>').appendTo('body'); 
</script>

當然這只是一個例子，因爲您沒有指定太多的細節。看看jQuery，它完全適用於像這樣的東西。

來源

2014-10-05 15:25:00

'appendTo（）'必須是''.span''，而不是'body'。 – Regent 2014-10-05 15:26:09

此外，你爲什麼要添加'id'元素？有很多方法可以選擇這個沒有'id'的''元素。 – Regent 2014-10-05 15:27:33

我說這只是一個例子，因爲有數百種方法可以做到這一點。我看不到你將任何東西附加到span元素上，但更多的是創建一個新的a元素並在第一個元素之後附加到父元素。爲什麼ID？也作爲一個例子。不知何故，你必須抓住元素。 – 2014-10-05 15:30:30

您可以使用after方法來生成新元素。 this在函數的回調是指所選擇的元素（S），所以你可以使用this.title，this.getAttribute('title')或$(this).attr('title')爲獲得標題值：

$('div.span a').after(function() { 
    return $('<a/>', { 
     href: this.href, 
     text: this.title 
    }); 
});

或者用香草JS：

[].slice.call(document.querySelectorAll('div.span a')).forEach(function(el) { 
    var a = document.createElement('a'); 
    a.href = el.href; 
    a.textContent = el.title; 
    el.parentNode.insertBefore(a, el.nextSibling); 
});

http://jsfiddle.net/y2goyvvm/

來源

2014-10-05 15:25:08 undefined

用基本的jquery語句：

$(function() { 
    $('[title="SHARON MORGAN"]').each(function() { 
     $(this.parentNode).append('<a href=\"' + this.href + '\">' + this.title + '</a>'); 
    }); 
});

來源

2014-10-05 15:28:48 Icepickle

'\「'可以簡單地''''。 – Regent 2014-10-05 15:30:43

麗晶酒店，你需要我們的幫助嗎？至於知道你只告訴我們在我們的答案中我們做錯了什麼，但顯然你不知道JavaScript或jQuery。它吸引花花公子。 – 2014-10-05 15:32:18

但是，他是對的，這是我的壞習慣：D – Icepickle 2014-10-05 15:34:09

如何獲取title屬性並將其追加到其他地方

回答

相關問題