Question

<div class="group_list_table_row" group_id="10">
<div class="group_name">Name of Course</div>
<div class="group_list_edit_row" style="left: 215px;">
<a href="" class="update_group"> Click me. </a>
</div>
</div>

<script type="text/javascript">
  /* This triggers when update button is clicked. */
  $( ".update_group" ).click(function(event) {
        var value = $(this).parent().parent().text();
        alert(value);
        event.preventDefault(); 
</script>

我试图获取group_name类的文本，即＆＃34;课程名称＆＃34;。但是，警报（值）的结果还包括＆＃34;点击我。＆＃34;和＆＃34;课程名称＆＃34;。需要帮助。

Answer 1

您可以更轻松地完成此任务：

<script type="text/javascript">
  /* This triggers when update button is clicked. */
  $( ".update_group" ).click(function(event) {
        var value = $('.group_name').text();
        alert(value);
        event.preventDefault(); 
  });
</script>

Answer 2

试试这个：

$(".update_group").click(function(event) {
    var value = $(".group_name").text();
    alert(value);
    event.preventDefault();
});

Answer 3

只要先前的答案提供了正确的解决方案，您可能会感兴趣为什么您的工作不起作用，这是因为＆＃34; .group_name＆＃34;如您所料，element不是元素父级的父级。它显然不是父母，只包含内部的plaint文本。因此$（this）.parent（）。parent（）调用返回＆＃34; .group_list_table_row＆＃34;元素，包含另外两个div，它的文本是其内容的串联。

一些缩进和事情将是显而易见的：

<div class="group_list_table_row" group_id="10">           /*parent 2*/
    <div class="group_name">Name of Course</div>
    <div class="group_list_edit_row" style="left: 215px;"> /*parent 1*/
        <a href="" class="update_group"> Click me. </a>
    </div>
</div>

获取group_name的文本元素

3 个答案: