Javascript 如何获取div中的文本以在jquery中控制台记录该测试

我试图访问div中的一个文本，以使var==该文本。 我的密码是。我不能使用这个变量的原因就是说var currentplayer=“darthvader” 是因为此div中的名称将根据他们选择的字符而更改。我希望我问这个问题的方式不会让人困惑

<div class = " character .player-selected">
    <p class = " character-name>darthvader</p>

使用
jQuery
标记捕捉元素，然后使用
html（）
函数获取元素的
innerHTML
值


var name=$（'.character name'）.html（）；
console.log（名称）

darthvader
尝试使用
.text（）获取它，如下所示：


var currentplayer=$（'.player selected'）.find（'.character name'）.text（）；
console.log（currentplayer）

darthvader
我也尝试了$（'.player selected'）.find（'.character name'）.text（）。但它将console.log变为空白。我必须通过选择的玩家。由于jquery的其余部分及其所做的工作。@willis在div的类名中有一个
。请删除它。我的解决方案对u有效吗？因此我必须检查我尝试的第一个div$（'.player selected'）。同时查找（'.character name'）.text（）。但它将console.log变为空白。我必须通过选择的玩家。由于jquery的其余部分以及它正在做的事情，我已经编辑了我的帖子，请检查它！我试过了，结果还是一片空白。
 var characters = [{
        name: "DarthVader",
        health: 120,
        attack: 8,
        enemyattackback: 15,
        imgURL: "assests/images/darth_vader.jpg"
    },

    {
        name: "StormTrooper",
        health: 100,
        attack: 14,
        enemyattackback: 5,
        imgURL: "assests/images/stormtrooper.jpg"
    },

    {
        name: "LukeSkywalker",
        health: 150,
        attack: 8,
        enemyattackback: 20,
        imgURL: "assests/images/Luke_Skywalker.jpg"

    },

    {
        name: "Yoda",
        health: 180,
        attack: 7,
        enemyattackback: 20,
        imgURL: "assests/images/yoda.jpg"
    }
];
var selectedCharacter;
var enemy;
var fighter;
var gamestart = false
var chooseopp = false

console.log(characters[0]);
console.log(characters[1]);
console.log(characters[2]);
console.log(characters[3]);

// start the game with a loop that sends the 4 character in the object to a div
$(document).ready(function() {

    function startgame() {
        $.each(characters, function(index, character) {
            var characterDiv = $('<div>').addClass('character');
            var characterName = $('<p>').addClass("character-name").text(character.name);
            var characterImg = $("<img>").addClass("character-img").attr('src',
                character.imgURL);;
            var characterHealth = $('<p>').addClass('character-health').text(character.health);
            characterDiv.append(characterName, characterImg, characterHealth).appendTo('.Character')
        })




        $('.character').one("click", function() {
            $(this).addClass('.player-selected').appendTo('.player');
            $('.Character').children()
                .off('click')
                .addClass("enemy")
                .on('click', newEnemySelected);

        })

        function newEnemySelected() {
            $(this).appendTo('.fighter');
            $('.Character').children().off("click").hide();
            $('.btn').on("click", attack);
            //move the selected enemy to defender div
            //turn off or disable other enemies
            //enable the attack button to handle logic 
        }

        function attack() {
            var currentPlayer = $('character .player-selected').find('p').text()
            console.log(currentPlayer)
                //take health from enemy by the attack amount
                //to check if player is dead
                //then enemy will counter attack
                // check char. for his health
                //
        }


    };
    startgame()