如何通过jquery动态生成的id和值来匹配元素

时间:2015-06-20 20:35:53

标签: jquery

请原谅这是一个愚蠢的问题

我有以下HTML

<div data-role="panel" id="rightpanelforstartpage" data-position="right" data-display="reveal" data-theme="b">
            <div class="ui-panel-inner">
                <div class="tpMenuWrap">
                    <a href="#demo-links" data-rel="close" class="icon-cancel-circled-1 panelCloseBtn"></a>
                    <ul class="ul_menu">
                        <li><a>My Recent Orders</a></li>
                    </ul>
                    <div class="recentOrderslistWrap">
                    </div>
                </div>
                <div class="btMenuWrap">
                    <ul class="ul_menu">
                        <li><a>About OMS</a></li>
                        <li><a>FAQs</a></li>
                        <li><a>Send Feedback</a></li>
                        <li><a>Contact Us</a></li>
                    </ul>
                </div>
            </div>
        </div>

我需要与id和class匹配

我知道以下内容可行

$("#rightpanelforstartpage .recentOrderslistWrap")

但是如果id是动态的,那么如何实现上述??

我试过以下

var valofpageid = 'rightpanelforstartpage' ;

$('#'+valofpageid+ .recentOrderslistWrap).html("");

我正在接受

未捕获的SyntaxError:意外的令牌。

你能告诉我如何解决这个问题吗?

3 个答案:

答案 0 :(得分:2)

错误未捕获的SyntaxError:意外的令牌。是由此行引起的:

$('#'+valofpageid+ .recentOrderslistWrap).html("");

您正在尝试字符串连接而不引用文本。

将其更改为:

$('#'+valofpageid+ '.recentOrderslistWrap').html("");

答案 1 :(得分:1)

您基本上是连接字符串,因此您需要继续字符串连接,如

$('#'+valofpageid+' .recentOrderslistWrap').html("");

答案 2 :(得分:1)

您应该使用如下:

$('#'+valofpageid+ '.recentOrderslistWrap').html("");