Question

我有一个HTML

<div onclick="get_nested_value">
       <div class="inner_div">
               Hello
       </div>
<div>

现在我想要一个像这样的jquery函数

function get_nested_value()
{
   alert($(this.'.inner_div').text());
}

其中this.'.inner_div'必须指向课程inner_div

但我一定是在做一些愚蠢的语法错误。

有什么建议吗？

Answer 1

试试这个： - 在HTML中： -

  <div onclick="get_nested_value(this)">
        <div class="inner_div">
           Hello
      </div>
   <div>


function get_nested_value(e)
{
   alert($(e).find('.inner_div').text());
}

Answer 2

修改后的html应如下所示。 JSFIDDLE

<div onclick="get_nested_value();">
    <div class="inner_div">Hello</div>
<div>

function get_nested_value() {
    console.log($(".inner_div").text().trim());
    alert($(".inner_div").text().trim());
}

Answer 3

因为onclick=()让我感到难过。

<div class="nested_getter">
    <div class="inner_div">
        Hello
    </div>
</div>

$('.nested_getter').click(function(){
    console.log($('.inner_div', this).text());
});

the jsFiddle

Answer 4

在html中传递this

HTML

 <div onclick="get_nested_value(this)">
       <div class="inner_div">
               Hello
       </div>
<div>


 function get_nested_value(elm) {

    alert($(".inner_div", elm).text());
}

DEMO

Answer 5

$('.outerDiv').on('click', function(e){
    e.preventDefault();
    var innerDivText = $(this).find('.inner_div').text();
    alert(innerDivText);
});

<div class="outerDiv">
   <div class="inner_div">
   This is my inner div 1
   </div>
</div>

DEMO

Answer 6

试试吧。这个工作代码。

<html>
    <head>
        <script src="//code.jquery.com/jquery-2.1.0.min.js"></script>
            <script type="text/javascript">
                function get_nested_value(obj){
                    alert($(obj).find(".inner_div").text());
                }
        </script>
    </head>
    <body>
        <div onclick="get_nested_value(this)">
            <div class="inner_div">
                Hello
            </div>
        </div>
    </body>
</html>

检索div中嵌套div的文本

6 个答案:

HTML

DEMO