获取group_name的文本元素 - Getting the text element of group_name

Getting the text element of group_name

本文关键字：文本元素 name group 获取 | 更新日期: 2023-09-27

<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类的文本，这是"当然名称"。但是，alert(value)的结果也包括"点击我"answers"当然的名字"。需要帮助

你可以做得更简单:

<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>

试试这个:

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

只要前面的答案提供了一个适当的解决方案，您可能会对为什么您的答案不起作用感兴趣，这是因为"。"Group_name"元素不是元素的父元素的父元素，正如您所期望的那样。很明显，它根本就不是父元素，只是包含了一个文本。因此，$(this).parent().parent()调用返回"。"Group_list_table_row"元素，它包含另外两个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>