如何使用Javascript捕獲父元素的文本值

-1

我試圖在發生點擊事件時捕獲父類的文本值。在這種情況下，父類ame是mb-name，並且將具有與其關聯的「文本值」。我想要捕獲該文本。下面是html。如何使用Javascript捕獲父元素的文本值

<div class="mbs-item-inner"> 
    <div class="mb-img">,,,</div> 
    <h5 class="mb-name">Joe Banker</p> 
    <p class="mb-title">Banker</h5> 
    <p class="mb-loc">Virginia Beach, VA</p> 
    <p class="mb-view"> 
    <a href = "......." class= "btn-ghost-blue" target="_blank">VIEW ME</a> ==   $0 
</p>

點擊事件發生在類= MB-觀點..我想「在這種情況下，喬銀行家」捕捉類= MB名。我嘗試了以下方法

document.getElementByClassName（「mb-name」）.text; 返回true;

和一些其他的document.getElementssbyClassName變量，但沒有任何工作。我歡迎所有的建議。謝謝。

來源

2017-01-02 Darius

我的問題是不一樣建議爲重複的問題。 – Darius

-1

這段代碼應該做你想做的。

document.getElementsByClassName('mb-name')[0].innerHTML;

我建議你清理一下你的HTML。你開始一個以p-tag結束的h5-tag，反之亦然。

假若你是使用jQuery你可以以同樣的是這樣的：

$('h5.mb-name').text();

來源

2017-01-02 23:05:48 Ondemannen

HTl很搶手，但它在網站上很好，我不是該網站的編碼器。我只是試着快速輸入我關心的內容，不注意語法等。我會嘗試你的建議。感謝您的回覆 – Darius

所以我做了以下.. var name = document.getElementsByClassName（'mb-name'）[0] .innerHTML;返回名稱; ....問題是，它正在冒泡並從列表中的第一個元素中獲取mb-name。換句話說，我在上面發佈的html代碼只是列表中的許多相同內容中的一個。因此，不是抓取與實際點擊事件關聯的mb名稱，而是冒泡到列表的頂部並抓取第一個mb-name ..我如何解決這個問題？ – Darius

然後，您需要確保爲其自己的父對象設置了單擊事件。像這樣[jsfiddle]（https://jsfiddle.net/0tLyy0e2/3/） – Ondemannen

如何使用Javascript捕獲父元素的文本值

回答

相關問題