javascript - Jquery - 在特定的 div 中选择一个 span 的内容

Question

我正在尝试选择 div 内的内容，但我使用的 CMS 将此跨度添加到我的 div 内，所以现在我不确定如何选择其中的内容。该跨度在整个页面中使用了几次。所以我需要专门选择这个div里面的那个。

这是 HTML。

<div id="emailAddress"><span merge-tag="{{user.email}}">CONTENT HERE IS WHAT THE VARIABLE SHOULD BE SET TO</span></div>

我想将它设置为变量“emailAddress”。所以这是完整的 JQuery。基本上，我只是根据我的 CMS 在上面的 div 和 span 中放置的内容来显示/隐藏内容。

var emailAddress = ????????????;

 $(document).ready(function() {

    if (emailAddress == 'email1@email.com') {
        $('#section1').show();
    } 

    else if (emailAddress == 'email2@email.com') {
        $('#section2').show();
    } 

    else if (emailAddress == 'email3@email.com') {
        $('#section3').show();
    } 

    else {
        $('#default-content').show();
    }
});

Answer 1

这样做:

var emailAddress = null;

 $(document).ready(function() {
    emailAddress = $('#emailAddress span').text();
    console.log(emailAddress);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="emailAddress"><span merge-tag="{{user.email}}">CONTENT HERE IS WHAT THE VARIABLE SHOULD BE SET TO</span></div>