Javascript 从嵌套div中选择HTML内容

我正在制作一个类似javascript/jQuery Hangman的游戏，我在从虚拟键盘键选择HTML内容时遇到问题：

<div class="square keyboard">
    <div class="content">
        <div class="table">
            <div class="table-cell">
                Q
            </div>
        </div>
    </div>
</div>

然后我把这个函数放在这里：

$('.keyboard').click(function() {
    isClicked($(this));
})

问题是，当我点击一个键时，我会得到，当然，当我将它与字母“Q”进行比较时，它会返回False。我尝试了.html（）而不是.text（），它返回了按钮的实际html代码，修改了.find（）、.filter（）和其他函数，它通常返回“undefined”。我该怎么办才能拿到那封信？ 另外，我无法将字母插入

中，因为它扰乱了键布局，因此字母与键相比略高

$('.keyboard.table-cell').on('click', isClicked);

当您将isClicked函数更改为

function isClicked(){ 
  var letter = $(this).text().trim(); 
  console.log(text);
}

当您将isClicked函数更改为

function isClicked(){ 
  var letter = $(this).text().trim(); 
  console.log(text);
}

您需要使用来修剪字母周围的空白

var letter = $param.text().trim()

但通常最好使用此类属性，比如在元素上设置

data letter=“Q”

，然后使用

$（this.data（'letter'）

检索它。

您需要使用来修剪字母周围的空白

var letter = $param.text().trim()

---

但通常最好使用此类属性，比如在元素上设置

data letter=“Q”

，然后使用

$（this.data（'letter'）

检索它。

使用

var letter=$param.text（）.trim（）

函数已单击（$param）{
var letter=$param.text（）.trim（）
console.log（'Q'）//只是为了检查按下了什么
}
$（'.keyboard'）。单击（函数（）{
单击（$（此））；
})

Q

使用

var-letter=$param.text（）.trim（）

函数已单击（$param）{
var letter=$param.text（）.trim（）
console.log（'Q'）//只是为了检查按下了什么
}
$（'.keyboard'）。单击（函数（）{
单击（$（此））；
})

Q

嗯，它几乎可以工作了。我得到了字母Q，但仍然向右移动，好像它缩进了几次。使用.trim（）后，一切正常。谢谢好吧，它几乎起作用了。我得到了字母Q，但仍然向右移动，好像它缩进了几次。使用.trim（）后，一切正常。谢谢