Question

所以我有一些链接在点击时运行相同的功能。但我需要将它们包含的文本作为jQuery中的变量。

var myVariable = content inside link

我实际上正在使用此功能链接激活

function updateStatus() {
    var link_text = linktext_here;

    jQuery.post("/to/my/php/file/mylist.php", {firstParam : link_text}, function(data) {
        //this is your response data from serv
        console.log(data);

    });
    return false;
}

我的链接：

<a href="javascript:void(0);" 
   onclick="updateStatus(); class="statusWatching">Watching</a>

<a href="javascript:void(0);" 
   onclick="updateStatus(); class="statusWatching">On hold</a>

正如您所看到的，我有多个运行相同功能的链接，现在我只想确保他们点击哪个链接，这是var link_text文本的值

我没有使用点击功能，因此我不确定当前的答案是否有效。

Answer 1

使用jquery的text()函数及其class selector *

的速度非常快

<强> HTML：

<a href="#" class="statusWatching">Watching</a>
<br>
<a href="#" class="statusWatching">On hold</a>

**在<script> **

之前的</body>代码中，在页面末尾添加此JS

$('.statusWatching').on('click', function(event)
{
    event.preventDefault();
    var link_text = $(this).text();

    jQuery.post("/to/my/php/file/mylist.php", {firstParam : anime_id}, function(data)
    {
        console.log(data);
    }
});

*你想在页面上有多个，所以使用链接上的class属性将函数绑定到链接，而不是id应该只在页面上的一个元素上设置。

Answer 2

在示例中

<a href="http://www.link.com" class="mylink" >click here</a>

如果您想获得标签的超链接，可以使用

var link = $(".mylink").attr("href"); //to http://www.link.com

但是如果你想获得标签的文字，你可以做到

var linkText = $(".mylink").text(); //to click here

已编辑...

使用您的示例

function updateStatus() {

     var element = event.target || event.srcElement || event.toElement;
     var link_text = element.innerText;

     jQuery.post("/to/my/php/file/mylist.php", {firstParam : link_text}, function(data) {
        //this is your response data from serv
        console.log(data);

     });

     return false;
}

Answer 3

这很简单

var txt = $(this).text(); //assuming your are handling this within a click event

Answer 4

您可以使用.text()分配文字，例如：

$("a:first").text('your text here');

或

$("#a_id").text('your text here');

如何获取点击jQuery的链接内的内容

4 个答案: