2017-06-15 56 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