Question

我有一个标签：

<h3>Mobile
    <img align="middle" alt="Edit" class="attEditCategory" src="/Images/edit.png">
    <img align="middle" alt="Delete" class="attDeleteCategory" src="/Images/delete.png">
</h3>

我想显示h3的文本，即＆＃34; Mobile＆＃34;在编辑单击按钮（在警报上）。

$(".attEditCategory").button().on("click", function (event) {});

请帮忙。

Answer 1

您可以使用$(this).parent().text()来获取文字。或者$(this).closest('h3').text()如果层次结构可能比显示的更多。

E.g：

＆＃13;

$(".attEditCategory").button().on("click", function (event) {
  alert($(this).parent().text());
});

＆＃13;

<link href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<h3>Mobile
    <img align="middle" alt="Edit" class="attEditCategory" src="/Images/edit.png">
    <img align="middle" alt="Delete" class="attDeleteCategory" src="/Images/delete.png">
</h3>

＆＃13;

如果按钮内部有文字（例如，button或a元素而不是img），则$(this).parent().text()会包含该文字。因此，在这个假设的情况下，获取元素本身的文本而不是其子文本更困难（但仍然非常简单）：

alert($(this).parent().contents().map(function() {
    return this.nodeType === 3 ? this.nodeValue : ""; // 3 = text node
}).get().join(""));

＆＃13;

$(".attEditCategory").button().on("click", function (event) {
  alert($(this).parent().contents().map(function() {
      return this.nodeType === 3 ? this.nodeValue : ""; // 3 = text node
  }).get().join(""));
});

＆＃13;

<link href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<h3>Mobile
    <a align="middle" alt="Edit" class="attEditCategory">edit</a>
    <a align="middle" alt="Delete" class="attDeleteCategory">delete</a>
</h3>

＆＃13;

Answer 2

试

$(".attEditCategory").on("click", function (event) {
    alert($(this).parent().text())

});

<强> DEMO

Answer 3

该课程是h3使用parent()的孩子，定位<h3>和text()以获取文字

$(".attEditCategory").button().on("click", function (event) {
   alert( $(this).parent().text());
});

Answer 4

  $("h3").text();

Official documentation

要访问具有类或ID的特定h3标记，请执行以下操作：

 $("#foo").text(); //foo is the id
 $(".foo").text(); //foo is the class

Answer 5

简单地说：

$('h3').text();

它只返回："Mobile"。它足以提醒：

alert($('h3').text());

如何使用jquery </h>加载<h>元素的内容

5 个答案: