2015-06-20 115 views
0

请原谅,如果这是一个愚蠢的问题如何通过jQuery的动态生成的ID和价值匹配元素

我有以下的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和

我知道下面的工作

$("#rightpanelforstartpage .recentOrderslistWrap") 

但在情况下,ID是动态的,那么如何达到上述??

我曾尝试以下

var valofpageid = 'rightpanelforstartpage' ; 

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

有了这个我得到

未捕获的SyntaxError:意外的标记。

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

+0

究竟你有什么期望'FOO + .recentOrderslistWrap'办? '.recentOrderslistWrap'无效的JavaScript。 “。”可接受的唯一地方是数字文字('4.5')或属性访问('foo.bar')。我想知道为什么你把'#'放在字符串里面,但是没有想到''.recentOrderslistWrap'也会这样做。 –

回答

1

你基本上是串联所以你需要继续字符串连接像

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

非常感谢你 – Pawan

+0

@PreethiJain,很高兴它帮助:) – AmmarCSE

2

错误未捕获的SyntaxError:意外的标记。由该行造成的:

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

您正在尝试字符串连接没有引用的文本。

它改成这样:

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

您应该如下使用:

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

+1

你错过了点之前的空间 – Barmar

相关问题