如何在jquery中使用.post获取span值?

时间:2015-02-19 01:19:26

标签: php jquery .post

我正在使用.post jquery来删除mysql表中的数据。但我不知道如何在跨度之间获取文本。在我的例子中,当我点击苹果图片时,它将删除苹果图片,但我需要一个值在我的delete.php中使用$ _POST,我知道如何从输入和textarea获取值。但是当它是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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

你的jQuery:

$("#result_tag0").text()

没有做你想要的,因为跨度中没有文字(只是一个图像)。

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

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

如果您想使用范围ID或

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

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