-1

所以我有几个链接在单击时运行相同的功能。但我需要它们包含的文本作为 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

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

4

4 回答 4

1

使用 jquery 的text()函数和它们的类选择器非常快*

HTML：

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

** 将此 JS 包含在页面末尾的<script>标签中</body>**

$('.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。

于 2013-08-14T23:48:58.603 回答
1

在示例中

<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;
}
于 2013-08-14T23:49:12.797 回答
0

这是一个容易的

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

于 2013-08-14T23:49:07.250 回答
-2

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

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

或者

$("#a_id").text('your text here');
于 2013-08-14T23:50:32.633 回答