如何使用 jquery 中的 .post 获取跨度值？

Question

我正在使用 .post jquery 以便从我的 mysql table 中删除数据。但我不知道如何在跨度之间获取文本。在我的示例中，当我单击苹果图片时，它会删除苹果图片，但我需要一个值才能在我的 delete.php 中使用 $_POST，我知道如何从输入和文本区域获取值。但我不知道当它是 span 或 div 时该怎么做。我使用 .text()，但它不起作用。反正？欣赏。

$(document).on("click", ".tag img", function() {
  $.post("delete.inc.php", {

      tag: $("#result_tag0").text(),

    },
    function(data) {

    });

  $(this).parent().remove();

});

<span class="result_tag" id="result_tag0"><img src="pic">apple</span>
<span class="result_tag" id="result_tag1"><img src="pic">berry</span>
<span class="result_tag" id="result_tag2"><img src="pic">banana</span>

Answer 1

你的jQuery：

$("#result_tag0").text()

没有按照您的意愿进行，因为 span 中没有文本（只有图像）。

您想要什么取决于您将如何识别要删除的图像。两种可能性：

$('#result_tag0').attr('id')

如果您想使用跨度 ID，或者

$('#result_tag0 img').attr('src')

如果你想使用图片src的值。

Answer 2

使用 DOM 遍历函数查找包含被单击图像的 <span>。

$(document).on("click", ".tag img", function() {
  $.post("delete.inc.php", {

      tag: $(this).closest("span").text(),

    },
    function(data) {

    });

  $(this).parent().remove();

});

<span class="result_tag" id="result_tag0"><img src="pic">apple</span>
<span class="result_tag" id="result_tag1"><img src="pic">berry</span>
<span class="result_tag" id="result_tag2"><img src="pic">banana</span>

如何使用 jquery 中的 .post 获取跨度值？

how to get span value with .post in jquery?

php

jquery

.post