Question

<div class='card'>
    <div class='cardInfo'>
        <div class='line01 garn'></div>
        <div class='cardInfoB'>
            <div class='name'>323</div>
        </div>
    </div>
    <img class='cardBtn' src='btns/03.png' alt='img'>
</div>

JS：

$(".cardBtn").click(function() {
    var a = $(this).parent().find(".name").html();
    alert: (a);  // Null
});

结果为Null但我希望323。

Answer 1

尝试使用正确的语法

alert: (a);是一种错误的语法形式，只使用alert(a);

DEMO

Answer 2

我已更正您的代码。请看下面给出的jQuery代码。

$(document).ready(function () {
 $(".cardBtn").click(function(){
    var a = $(this).parent().find(".name").text();
    alert(a);  
});
});

JSFiddle - http://jsfiddle.net/Ashish_developer/ekjb8n6o/

注意 - 如果只想显示文本，请使用text（）属性而不是html（）。

这方面的一个例子 -

<div class='name'><div>323</div></div>

alert($(this).parent().find(".name").html())会提醒<div>323</div>

但如果您使用alert($(this).parent().find(".name").text())，则会提示323。

选择父母的另一个孩子

2 个答案:

DEMO