如何将新的Div添加到特定元素 [英] How to add new Div to particular element

问题描述

<script type="text/javascript">
                         $(document).ready(function(){
                             $('a#extra').click(function(event){
                                if($(this).attr('class') == 'extra'){
                                    event.preventDefault();
                                    $(this).append('<div style="float:left;color:red;margin-left:10px;">Please Login/Register to view Details</div>').slideToggle(1000);

                                }
                             });
                         });
                     </script>

我有这个jquery用于根据锚属性中的类添加div.

I have this jquery for adding div according to class in anchor attribute.

<a href="" class="extra_1" id="extra"></a>
<a href="" class="extra_2"  id="extra"></a>
<a href="" class="extra_3"  id="extra"></a>

我可以像上面显示的代码一样检查类，但是如何检查extra_1，extra_2，extra_3，例如是否单击了具有extra_1类的元素，然后将其添加到该元素中

i can check for class like the code shown above, but how can i check for extra_1, extra_2, extra_3, like if element with extra_1 class is clicked then add to that element

推荐答案

尝试将JQuery选择器从a#extra更改为.extra. #用于选择器中的ID.

Try changing your JQuery selector from a#extra to .extra. # is used for ID in selectors.

这篇关于如何将新的Div添加到特定元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！