2017-06-15 57 views
-7

我想在我的視圖中使用id屬性使用jquery來引用我的視圖中的元素,如下面的代碼所示。在Jquery中使用動態ID選擇器訪問元素

HTML

<div id="abc"></div> 
<div id="def"></div> 
<div id="ghi"></div> 

的JavaScript

function prependMarkup(idName, markup) { 
    $('#' + idName).prepend(markup); 
}; 

,所以我傳遞的ID在上面的函數,但它似乎並沒有工作。標記正在文本內部寫入div。

+3

你的意思是作爲文本? –

+1

請包括您的jQuery代碼的其餘部分 –

+1

在給函數一個名字後(例如'''foo(idName,markup)''''),代碼對我來說工作正常 – DevTec

回答

0

您需要添加一個jQuery庫並使用html()而不是prepend()。 這將幫助您顯示html而不是文本。

此外您的函數缺少函數名稱。

function funcname(idName, markup) { 
 
    $('#' + idName).html(markup); 
 
}; 
 

 

 
funcname('abc','<div class="jaba">ABCD</div>')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 

 

 
<div id="abc"></div> 
 
<div id="def"></div> 
 
<div id="ghi"></div>

1

您提供的代碼無效。你必須分配一個功能名稱才能使JS工作。

function foo(idName, markup) { 
$('#' + idName).prepend(markup); 
}; 

下次請自己看看錯誤,例如做一個syntax check。另外,看看How to post a good question