Jquery - 选择特定div内的span内容

时间:2018-03-15 15:21:08

标签: javascript jquery html variables dynamic

我正在尝试选择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>

我想将其设置为变量&#34; emailAddress&#34;。所以这里是完整的JQuery。基本上我只是根据我的CMS在div和跨越上面的内容显示/隐藏内容。

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();
    }
});

1 个答案:

答案 0 :(得分:3)

这样做:

&#13;
&#13;
var emailAddress = null;

 $(document).ready(function() {
    emailAddress = $('#emailAddress span').text();
    console.log(emailAddress);
});
&#13;
<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>
&#13;
&#13;
&#13;