如何存儲

Question

我已經產生了一些列表，看起來像這樣一個特定的列表值：

<div id="floating-panel"> 
    <ul class="rss"> 
    <li id="list_0"><a href="javascript:void(0)" onclick="displayPopUp();">Diana</a></li> 
    <li id="list_1"><a href="javascript:void(0)" onclick="displayPopUp();">Paul</a></li> 
    <li id="list_2"><a href="javascript:void(0)" onclick="displayPopUp();">Robert</a></li> 
    </ul> 
</div> 

這可能是更大或更小的列表中，ID的始終是唯一的顯示中的示例...我問題是如何知道我點擊了哪個列表項，以便我可以保存數據，在這種情況下，名稱是'Diana'還是'Paul'？我需要將這些標籤之間的信息存儲在PHP的某處，這樣我就知道哪個人被點擊了。

爲了給出更多的上下文，當點擊引用時，同一頁面彈出窗口會打開並顯示用戶信息，我還需要單擊鏈接的名稱。

Answer 1

你可以觸發事件的元素：

function displayPopUp(event) { 
    var name = event.target.innerHTML; 
} 

更多event.target信息：https://developer.mozilla.org/en-US/docs/Web/API/Event/target

我不是用JavaScript親，這個應該指向你在正確的方向。

Answer 2

如果你想獲得鏈接標題，否則你可以簡單地用jQuery做到這一點：

1. 事件偵聽器添加到li元素。
2. 繼續從事件啓動器獲取數據：獲取鏈接標題和href。

$('.rss').find('li').click(function(){ 
 
    var link = $(this).find('a'); 
 
    alert(link.html()); 
 
    alert(link.attr('href')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="floating-panel"> 
 
    <ul class="rss"> 
 
    <li id="list_0"><a href="javascript:void(0)">Diana</a></li> 
 
    <li id="list_1"><a href="javascript:void(0)">Paul</a></li> 
 
    <li id="list_2"><a href="javascript:void(0)">Robert</a></li> 
 
    </ul> 
 
</div>

Answer 3

你可以得到從一個上點擊李中的文本，但更好的方法是使用HTML5的數據屬性來獲得一個給定的人的名字點擊li。

$(document).ready(function(){ 
 
    $('.rss li').click(function(){ 
 
    var name = $(this).data('name'); 
 
    displayPopUp(name); 
 
    }) 
 
    
 
    
 
function displayPopUp(name) { 
 
    console.log(name); 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="floating-panel"> 
 
    <ul class="rss"> 
 
    <li id="list_0" data-name="Diana"><a href="javascript:void(0)">Diana</a></li> 
 
    <li id="list_1" data-name="Paul"><a href="javascript:void(0)">Paul</a></li> 
 
    <li id="list_2" data-name="Robert"><a href="javascript:void(0)">Robert</a></li> 
 
    </ul> 
 
</div>