2015-06-20 116 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

相關問題