Question

我试图仅通过类和JQuery来访问其他div中的文本。我总是在努力使用JQuery，因为我并不熟悉它，但是大多数时候我都能以某种方式让它工作。

我试过这样的事情：

$(function() {
$(".quote_button").click(
    function () {
        var text = $(this).parent('.openticket_footer').prev('.openticket_warper').find('.answer_message').text();
        alert(text);
    }
);});

还有很多方法，但我无法弄明白。

向您展示我想要做的最简单的方法是通过这张图片：

Quote function

我想点击class="quote_button"按钮访问class="answer_message"中的文字这里是html代码：

<div class="openticket_warper">
    <div class="openticket_sidebar float_left">';
        if($result["uID"]==$result_answer["uID"]){
           echo '<p style="font-size: 8pt">Ersteller</p>';
        }
        echo '<p><strong>'. $result_answer["uName"] .' '. $result_answer["Firstname"] .'</strong></p>
        <p style="font-size: 10pt">'. $result_answer["pName"] .'</p>
        <div class="openticket_sidebar_userpicture">
            <img src="images/default-user-icon.png" alt="User Picture">
        </div>
        </div>
        <div class="openticket_ticketmesssage">
            <p class="answer_message">'. $result_answer["Message"] .'</p>
        </div>
        <div class="clear"></div>
    </div>
    <div class="openticket_footer">
        <input class="answerbutton float_right quote_button" type="button" value="Zitieren">
         <div class="clear"></div>
    </div>

谢谢！

Answer 1

尝试此操作：使用parent方法获取父级，移至上一个div，然后找到answer_message以获取文字

＆＃13;

$(function() {
  $(".quote_button").click(function () {
    var $parent = $(this).parent('.openticket_footer').prev('.openticket_warper');
    var text = $parent.find('.answer_message').text();
    alert(text);   
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="openticket_warper">
    <div class="openticket_sidebar float_left">';
        <p style="font-size: 10pt">Name of the candidate</p>
        <div class="openticket_sidebar_userpicture">
            <img src="images/default-user-icon.png" alt="User Picture">
        </div>
        </div>
        <div class="openticket_ticketmesssage">
            <p class="answer_message">Text Message is here</p>
        </div>
        <div class="clear"></div>
    </div>
    <div class="openticket_footer">
        <input class="answerbutton float_right quote_button" type="button" value="Zitieren">
         <div class="clear"></div>
    </div>

＆＃13;

Answer 2

$(document).on('click', '.quote_button', function(){
   alert($(this).parents('.openticket_warper').find('.answer_message').text());
});

JQuery：只能按类从另一个<div>获取文本

2 个答案: