jquery获取相同class的div并绑定点击事件
<div id="outadded_content">
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单1</span>
            </div>
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单2</span>
            </div>
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <div>菜单3</div>
            </div>
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单4</span>
            </div>
            <div class="outadded_menu" id="a">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单5</span>
            </div>
        </div>

需要用jquery获取class为outadded_menu的div对象,并且绑定点击事件,获取所点击的div的id的值。

在线等...

8个回答

$(".outadded_menu").fclick(function () {
var clickId = this.id;
});

var ArrayMenu = $('.outadded_menu');
    for(var i = 0;i < ArrayMenu.length; i++){   
        //绑定方法每个菜单的点击
        $(ArrayMenu[i]).bind("click",{'bindText':i},function ChangContent(e){
            var num = e.data.bindText;
            alert(num+"你的事件");
        });
    }

$('.outadded_menu').each(function(){
$(this).click(function){
alert($(this).html())
}
})

fclick换成click事件,手误

 $('.outadded_menu').click(function(){
     console.log($(this).attr('id'));
 })
$('.outadded_menu').click(function(){event.....});
当有顺序之分的时候,我是用blind("click",function(){event.....});

$('.outadded_menu').on('click',function(){
alert($(this).attr('id'));
});

$('.outadded_menu').on("click",function(){
if($(this).attr('id')){
console.log($(this).attr('id'));
}
})
如何学习js

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jQuery on绑定事件无法获取this的值

``` <div class="login_half"> <input name="username" value="请输入用户名" title="请输入用户名" class="field tooltip" /> </div> ``` ``` jQuery(document).ready(function () { jQuery(".login_half > input").on("blur", function () { var str = jQuery(this).prop("title"); alert(str); if (jQuery(this).val() == "") { jQuery(this).val(str); } }); jQuery(".login_half > input").on("click", function () { var str1 = jQuery(this).prop("title"); alert(str1); if (jQuery(this).val() == str1) { jQuery(this).val(""); } }); }); ``` 代码如上,事件绑定没问题,可以触发。 问题是:blur方法里获取title的值可以获取到。而click里获取不到. 用的jQuery是1.11.2的,求大神指教

jquery的click事件多次绑定

**.tools-comment是评论按钮的class名,点击它弹出回复评论层。添加回复内容,点发表,发表成功,将返回的数据写入页面中。此时不刷新页面,再次点击评论,发表,则一下发表了两条相同的数据,ajax请求了两次。第三次则发表三条......第N次发表N条。.editWindow-send就是弹出层上面的发表按钮的class名,代码如下,请大神帮看看是什么原因。** var topicid,artsid,articleid; $("#found").on("click",".tools-comment",function (){ //跳转评论 var tempHtml=''; var url="index.php?app=weixin&ac=wnote&ts=verifyUser"; $.ajax({ url:url, type:"get", async:false, datatype:"json", success:function(data) { var data=$.parseJSON(data); if(data.code==1) showEditWindow(); if(data.code==0) popWindowAlert(data.msg); if(data.code==4) location.href=data.ts_url; if(data.code==5) location.href=data.ts_url; } }); //这里需要记录当前点击是哪个话题 articleid=$(this).children(".docomment").attr("articleid"); artsid=$(this).children(".docomment").attr("artsid"); topicid=$(this).children(".docomment").attr("topicid"); if(articleid){ var url="index.php?app=weixin&ac=wnote&ts=addArticleComment"; $(".editWindow-send").on("click",function (){ var content=$("#ComentContent").val(); $.ajax({ url:url, type:"post", datatype:"json", async:false, data:{"articleid":articleid,"content":content}, success:function(data){ var data=$.parseJSON(data); //执行登陆跳转 if (data.status==800) { popWindowAlert(data.msg); } //执行成功返回跳转 if(data.status==1){ var htmlStr="<li class='reply-again' id="+data['res']['commentid']+" comment_id="+data['res']['commentid']+"><div class='ku_replyp delcomment' id="+data['res']['commentid']+" to_userid="+data['res']['commentid']+" comment_id="+data['res']['commentid']+"><div class='reply-photo'><a href='index.php?app=weixin&ac=wcircleZone&userid="+data['res']['userid']+"' class='ui-link'><img src='"+data['res']['face']+"'></a></div><div class='ku_replyp_text'>"+data['res']['username']+":</div> <div class='ku_replyp_con'>"+data['res']['content']+"</div></div><div class='reply-time'><div class='reply-time-l'>"+data['res']['addtime']+"</div> <div class='reply-time-r'> <ul><li class='glm-love'><i></i><span class='likenum'></span></li> <li class='glm-line'>|</li> <li class='comment-reply' to_comment_id='300' comment_id='300'><i></i></li> </ul></div> </div> <div class='reply-box-all'> </div><div class='clear'></div> <div class='br10'></div></li>"; $(".gl-replay-list").append(htmlStr); }else{ //执行失败 popWindowAlert(data.msg); } } }); }); } });

标签上直接添加onclick事件和jq绑定onclick事件有什么区别

功能描述:点击按钮实现复制之后跳转 1. 标签上直接添加onclick事件: ``` <div class="btn watch-btn" onclick="handle()">查看TA的个人主页</div> ``` 2. jq绑定onclick事件 ``` <div class="btn watch-btn">查看TA的个人主页</div> ``` ``` <script> $(document).on('click', '.watch-btn', function(){ handle(); }); </script> ``` 现象: handle(); 方法中有个实例化对象,之后方法2jq绑定onclick事件需点击两次才能复制成功并跳转,而方法1只要点击就可以。 提问:请问这两个方式实现onclick事件有什么区别?

jquery 如何获取某个标签下面的img标签?

<div class="iteye-blog-content-contain" style="font-size: 14px;"> <p><br><img src="http://dl2.iteye.com/upload/attachment/0100/1618/655d81ca-27f1-3623-9382-f3b09005d82f.png" alt=""><br> 现在可以通过 var $current = $("#slideshow div.current");获取&lt;selection&gt;标签,如何获取此标签下面的img属性,然后获取此img的宽度?</p> </div>

button按钮 class无法绑定点击事件

为什么无法触发 .updateById alert()都没有弹出来 在js文件里 ``` <button type='button' class='btn btn-danger btn-xs updateById'>未上架</button> function updateById() { alert('sdfsdfs'); $(".updateById").on("click",function() { var ALIAE_CODE = $(this).parent().parent().find("td:eq(0)").text().trim(); //获取id if (confirm('确认报价吗?')) { $.ajax({ url : 'salesSlowMovingStock/updateShelvesById.do', type : 'POST', dataType : 'json', data : {ALIAE_CODE : ALIAE_CODE}, success : function(data) { if (data = 1) { //firstLoadData("/distributionQuote/getdistributionQuotePage.do?"+ mySelectForm,$(".laypage_curr").text()); // 指定url } else { alert("添加失败"); } } }); } else { return false; } }); } ```

Jquery动态生成的按钮向动态生成的<div>中添加元素无效。

跪求大佬帮帮忙,看看我是哪里写得不对。页面上有输入框输入数字,点击按钮生成相应数量的章代码块;每块章节中有输入框输入数字,点击按钮生成相应数量的节代码块;生成章没问题,但生成节的按钮无效。按钮id与存放节信息的 div 容器都是动态生成的。 html ``` <div id="chapterContainer"> <!-- 存放章节信息 --> </div> ``` jquery部分 ``` //添加章 $(document).ready(function () { $("#createChapter").click(function () { var num = $('#chapterNum').val(); var html="<div class=\"sub-title\">章节信息</div>"; for(var i=1;i<=num;i++){ html += "<div class=\"row\" id=\"cdiv"+i+"\">\n" + " <div class=\"panel panel-default\">\n" + " <div class=\"panel-heading\">章序号:"+i+"</div>\n" + " <div class=\"panel-body\">\n" + …………………………………… …………………………………… " <div class=\"form-group\">\n" + " <label class=\"col-sm-1 control-label\">节数目:</label>\n" + " _**<div class=\"col-sm-2\">\n" + " <input type=\"text\" class=\"form-control\" id=\"sectionNum"+i+"\" name=\"chapterNum"+i+"\" placeholder=\"输入节数目\">\n" + " </div>\n" + " <div class=\"col-sm-2\">\n" + " <button class=\"btn btn-warning\" type=\"button\" id=\"createSection_"+i+"\">添加节</button>\n" +_** " </div>\n" + " <div class=\"col-sm-2\">\n" + " <button type=\"button\" class=\"btn btn-danger\" id=\"deleteChapter_"+i+"\">删除章</button>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " **_ <div class=\"row\" id=\"sectionsRow"+i+"\">\n" +//存放节信息 " </div>\n" +**_ " </div>\n" + " </div>\n" + "</div>" } $('#chapterContainer').empty().append(html,); }); }) ``` 添加节(此处无效) ``` $(function (){ $( "button[id^='createSection_']" ).each( function(){//获取所有的id为createSection_开头的Button // var chids = $(this).attr( "id");//获取它的id属性值 // var arr = chids.split("_" ); // var chid = arr[2]; $("#chapterContainer").on('click',this ,function(){//绑定当前点击的按钮 var chids = $(this).attr( "id");//获取它的id属性值 var arr = chids.split("_" ); var chid = arr[2]; var numid = 'sectionNum'+chid; var num = $("#"+numid+"").val(); var containerid = 'sectionsRow'+chid; var html = ""; for(var i=1;i<=num;i++){ html += "<div class=\"col-sm-4\" id=\"div"+chid+i+"\">\n" + " <div class=\"panel panel-default\">\n" + " <div class=\"panel-body\">\n" + " <div class=\"form-group\">\n" + " <label class=\"col-sm-2 control-label\">序号</label>\n" + " <div class=\"col-sm-4\">\n" + " <input type=\"text\" class=\"form-control\" name=\"sectionSort"+i+"\" placeholder=\"输入节序号\">\n" + " </div>\n" + " <div class=\"col-sm-2\">\n" + " <button class=\"btn btn-danger\" type=\"button\" id=\"deleteSection"+chid+i+"\">删除节</button>\n" + " </div>\n"+ " </div>\n" + " <div class=\"form-group\">\n" + " <label class=\"col-sm-2 control-label\">名称</label>\n" + " <div class=\"col-sm-10\">\n" + " <input type=\"text\" class=\"form-control\" name=\"newsname"+i+"\" placeholder=\"输入节名称\">\n" + " </div>\n" + " </div>\n" + " <div class=\"form-group\">\n" + " <label class=\"col-sm-2 control-label\">链接</label>\n" + " <div class=\"col-sm-10\">\n" + " <input type=\"text\" rows=\"3\" class=\"form-control\" name=\"newslink"+i+"\" placeholder=\"输入视频链接\">\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>" } $("#"+containerid+"").append(html); }); }); }); ```

jquery怎么操作thymeleaf元素?

向各位大佬请教: 元素如下所示: ## <div id="blank_showz"> ## <div th:replace="./odata-template.html :: liuchtu"></div> ## </div> 想要通过jquery方式更改模板第二行 <div th:replace="./odata-template.html :: liuchtu"></div> jquery的写法如下所示: $("#blank_showz").empty(); var $new_obj = $("<div></div>"); $("#blank_showz").append($new_obj); $("#blank_showz div").attr("th:replace","./odata-template.html :: test-my"); 最后通过alert($("#blank_showz").html())查看的时候,出现的是 <divth:replace=“./odata-template.html :: test-my"></div>,而不是显示另外一个 ./odata-template.html页面中的模板test-my的内容。 各位大佬,请问这是什么原因造成的?难道是我这种方式不可取吗?如果我这种的方式不可取,那么应该通过别的什么方法?望各位大佬不吝赐教!先在此谢过了!

jQuery 轮播插件,如何绑定一组DIV实现跟IMG一样的轮播效果

网上摘的代码,简单的轮播jq 我想写一个新一组DIV,绑定原来轮播div,跟原轮播div兄弟关系,但是能实现同步的轮播效果,显示轮播图1的时候同时显示新DIV1 ,求助。。新手不懂改jQ,因为不懂js。。 ``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery轮播效果图 </title> <script src="file:///C|/Users/qqbnb/Desktop/web/js/jquery-3.1.0.js"></script> <style type="text/css"> * { padding: 0px; margin: 0px; } a { text-decoration: none; } ul { list-style: outside none none; } .slider, .slider-panel img, .slider-extra { width: 650px; height: 413px; } .slider { text-align: center; margin: 30px auto; position: relative; } .slider-panel, .slider-nav, .slider-pre, .slider-next { position: absolute; z-index: 8; } .slider-panel { position: absolute; } .slider-panel img { border: none; } .slider-extra { position: relative; } .slider-nav { margin-left: -51px; position: absolute; left: 50%; bottom: 4px; } .slider-nav li { background: #3e3e3e; border-radius: 50%; color: #fff; cursor: pointer; margin: 0 2px; overflow: hidden; text-align: center; display: inline-block; height: 18px; line-height: 18px; width: 18px; } .slider-nav .slider-item-selected { background: blue; } .slider-page a{ background: rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); color: #fff; text-align: center; display: block; font-family: "simsun"; font-size: 22px; width: 28px; height: 62px; line-height: 62px; margin-top: -31px; position: absolute; top: 50%; } .slider-page a:HOVER { background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); } .slider-next { left: 100%; margin-left: -28px; } </style> <script type="text/javascript"> $(document).ready(function() { var length, currentIndex = 0, interval, hasStarted = false, t = 3000; length = $('.slider-panel').length; $('.slider-panel:not(:first)').hide(); $('.slider-item:first').addClass('slider-item-selected'); $('.slider-page').hide(); $('.slider-panel, .slider-pre, .slider-next').hover(function() { stop(); $('.slider-page').show(); }, function() { $('.slider-page').hide(); start(); }); $('.slider-item').hover(function(e) { stop(); var preIndex = $(".slider-item").filter(".slider-item-selected").index(); currentIndex = $(this).index(); play(preIndex, currentIndex); }, function() { start(); }); $('.slider-pre').unbind('click'); $('.slider-pre').bind('click', function() { pre(); }); $('.slider-next').unbind('click'); $('.slider-next').bind('click', function() { next(); }); function pre() { var preIndex = currentIndex; currentIndex = (--currentIndex + length) % length; play(preIndex, currentIndex); } function next() { var preIndex = currentIndex; currentIndex = ++currentIndex % length; play(preIndex, currentIndex); } function play(preIndex, currentIndex) { $('.slider-panel').eq(preIndex).fadeOut(500) .parent().children().eq(currentIndex).fadeIn(1000); $('.slider-item').removeClass('slider-item-selected'); $('.slider-item').eq(currentIndex).addClass('slider-item-selected'); } function start() { if(!hasStarted) { hasStarted = true; interval = setInterval(next, t); } } function stop() { clearInterval(interval); hasStarted = false; } start(); }); </script> </head> <body> <div class="slider"> <ul class="slider-main"> <li class="slider-panel"> <img src="http://img4.imgtn.bdimg.com/it/u=533187501,2953408843&fm=206&gp=0.jpg"> </li> <li class="slider-panel"> <img src="http://img5.imgtn.bdimg.com/it/u=3704303780,566844591&fm=206&gp=0.jpg"> </li> <li class="slider-panel"> <img src="<img src="http://img5.imgtn.bdimg.com/it/u=1614013440,1930745513&fm=206&gp=0.jpg"> </li> <li class="slider-panel"> <img src="http://img3.imgtn.bdimg.com/it/u=1133907788,3208642985&fm=206&gp=0.jpg"> </li> </ul> <div class="slider-extra"> <ul class="slider-nav"> <li class="slider-item">1</li> <li class="slider-item">2</li> <li class="slider-item">3</li> <li class="slider-item">4</li> </ul> <div class="slider-page"> <a class="slider-pre" href="javascript:;;"><</a> <a class="slider-next" href="javascript:;;">></a> </div> </div> </div> </body> </html> <body> </body> </html> ```

jquery添加的元素id,添加click事件不起作用

我自己做了一个对话框 用jq控制,点击一个按钮的时候才把这个对话框加到html中 但这个对话框中的按钮的id起不到作用 是不是我添加的方式有问题? 代码如下: 可以复制到这个地址测试:http://www.runoob.com/try/try.php?filename=tryjquery_hide ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> <style> .confirmWindow { z-index: 99999; position: fixed; top: 30px; left: 50px; width: 445px; height: 140px; font-size: 12px; color: #000; padding: 0; margin: 0; background-color: #fff; border: 1px solid #bababa; border-radius: 2px; -webkit-box-shadow: 0px 1px 3px #888; -moz-box-shadow: 0px 1px 3px #888; box-shadow: 0px 1px 3px #888 } .confirmContent { margin: 0; padding: 45px 10px 25px 25px } .confirmButton { margin: 0; padding: 0 25px 25px 0 } #confirm-yes, #confirm-no { display:inline-block; cursor: default; padding: 6px 25px; margin: 0; border:1px solid #b3b3b3; border-radius: 2px; font-weight: bold; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-box-shadow: 0px 0px 1px #888; -moz-box-shadow: 0px 0px 1px #888; box-shadow: 0px 0px 1px #888; float: right } #confirm-no { margin: 0 0 0 15px } #confirm-yes:active, #confirm-no:active { background-color: #e6e6e6; color: #676767; font-weight: normal } #confirm-yes:focus, #confirm-no:focus { border: 1px solid #3b79ed } </style> <script> $(document).ready(function(){ $("p").click(function(){ $("body").append("<div class=\"confirmWindow\"><div class=\"confirmContent\">测试添加的对话框" + "</div><div class=\"confirmButton\"><div id=\"confirm-no\">取消</div>" + "<div id=\"confirm-yes\">确定</div></div></div>"); }); $("#confirm-yes").click(function() { alert("点击了确定按钮"); }); $("#confirm-no").click(function() { alert("点击了取消按钮"); $(".confirmWindow").remove(); }); }); </script> </head> <body> <p>点我</p> </body> </html> ```

Jquery中动态添加元素的绑定事件不起作用

<div class="post-text" itemprop="text"> <p>I have added <code>Address</code>,<code>city</code> and <code>locality</code> using <code>jQuery</code> in a dynamic added div element where the binding event is not working as expected: I have below jquery code:</p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function () { var counter = 0; $(document).on('click', '#addButton', function (e) { if (counter &gt; 19) { alert("Only 20 Address allowed"); return false; } e.preventDefault(); var elems = '&lt;div class="col-lg-5" id="Address' + counter + '"&gt;' + '&lt;textarea class="form-control" name="alt_address[]" rows="3" placeholder="Address' + (counter + 1) + '"/&gt;&lt;div class="col-lg-6 form-group col-lg-offset-6"&gt; &lt;/div&gt;' + '&lt;div class="col-lg-3 form-group" id="city' + counter + '"&gt;' + '&lt;select name="city_name[]" id="city_name' + counter + '" class="form-control"&gt;&lt;option value="" selected ="selected"&gt;Select City&lt;/option&gt;&lt;/select&gt;' + '&lt;/div&gt;&lt;div class="col-lg-3 form-group"&gt;&lt;select name="locality_name[]" id="locality_name' + counter + '" class="form-control"&gt;&lt;option value="" selected="selected" &gt;Select Locality&lt;/option&gt;&lt;/select&gt;&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="col-lg-1 form-group"&gt;' + '&lt;button type="button" class="removebtn" id="removeButton' + counter + '"&gt;' + '&lt;span class="glyphicon glyphicon-minus"&gt;&lt;/span&gt;&lt;/button&gt;' + '&lt;/div&gt;&lt;div class="col-lg-6 form-group col-lg-offset-6"&gt; &lt;/div&gt;'; //('#addressDiv').append(elems); $('#addressDiv').append(elems); $.ajax({ type: "Post", url: "city_load.php", success: function (html) { $('#city_name' + counter).html(html); } }); $(document).on('change', '#city_name' + counter, function (ev) { ev.preventDefault(); $city_id = $(this).val(); $.ajax({ type: "Post", url: "ajax-dd3ck.php", data: "city_id=" + $city_id, cache: "false", success: function (html) { $('#locality_name' + counter).html(html); } }); }); //counter++; return false; }); $(document).on('click', '.removebtn', function () { if (counter == 0) { alert("No more textbox to remove"); return false; } counter--; $("#Address" + counter).remove(); $("#removeButton" + counter).remove(); }); }); &lt;/script&gt; </code></pre> <p>My PHP Code for adding city in dropdown</p> <p><strong>city_load.php:</strong></p> <pre><code>&lt;?php include("db.php"); $sql = "select * from city"; echo "&lt;select name='city_name[]' id='city' class='city1'&gt;&lt;option value='' selected ='selected'&gt;Select City&lt;/option&gt;"; $res = mysqli_query($con, $sql); while ($row = mysqli_fetch_array($res)) { echo "&lt;option value='$row[city_id]'&gt;$row[city_name]&lt;/option&gt;"; } echo "&lt;/select&gt;"; ?&gt; </code></pre> <p><strong>locality_load.php</strong> </p> <pre><code>&lt;?php include("db.php"); $city_id = $_POST['city_id']; $sql = "select locality_id,locality_name,city_id from locality where city_id=$city_id"; $res = mysqli_query($con, $sql); $result = mysqli_query($con, $sql) or die("query error"); while ($rows = mysqli_fetch_array($result)) { $locality_id = $rows['locality_id']; $locality_name = $rows['locality_name']; echo "&lt;option value=" . $locality_id . "&gt;" . $locality_name . "&lt;/option&gt;"; //echo '&lt;option value="'.$locality_id.'"&gt;'.$locality_name.'&lt;/option&gt;'; } ?&gt; </code></pre> <p>The issue I am getting is that the first dynamic div is getting added and data is loading properly but for 2nd dynamic div it is not working. Please have a look on screenshot:</p> <p><img src="https://snag.gy/CBXvz.jpg" alt="https://snag.gy/CBXvz.jpg"></p> </div>

jquery问题 一个循环父元素里的button点击后 获得该父元素的ID

``` 比如 <div id="fys"> <button id="comment" class="ysce"></button> <textarea id="commentconten" name="message" ></textarea> <button id="tjpingl">提 交</button> </div> <div id="fys"> <button id="comment" class="ysce"></button> <textarea id="commentconten" name="message" ></textarea> <button id="tjpingl">提 交</button> </div> <div id="fys"> <button id="comment" class="ysce"></button> <textarea id="commentconten" name="message" ></textarea> <button id="tjpingl">提 交</button> </div> 我想实现的是点击了提交 然后获取对应的$("#commentconten").val()的值和$("#comment").val()的值 ```

关于jquery 获取data属性值的问题

``` <ul class="pics"> <li><a id="img1" href="javascript:choose(1);" title="梦幻玫瑰套装" data-img="1.png">梦幻玫瑰套装</a></li> </ul> ``` ``` function choose(index){ var data=$(".pics li:eq("+index+") a").data("img"); alert(data); } ``` 为什么一直获取到undefined?求大神指导!

点击按钮动态添加DIV时,添加了两个相同的DIV,现在要对其中指定的一个进行操作,应该如何区分?

点击按钮动态添加的DIV,id和class都相同,切换class的时候所有DIV的class都会变,想要只切换选中的那个DIV,要智能化一点的方法,可以扩展到10个20个

在jQuery中绑定事件的正确方法是什么?

<div class="post-text" itemprop="text"> <p>For example in php I have a list of clients:</p> <pre><code>foreach($clients as $client) echo '&lt;li id="client_'.$client-&gt;id.'"&gt;' . $client-&gt;name . '&lt;/li&gt;'; </code></pre> <p>What is the correct way to bind a click event to each list item w/o using</p> <pre><code>onclick="my_function(the_elements_id)" </code></pre> <p>right in the list item.</p> </div>

js怎么根据 button 的name获取并且点击它

如有多个同名的button,name是已知的,怎么获取这些button,并全部触发操作。

使用on绑定动态添加的操作列点击事件不生效

# 我在使用on方法绑定动态操作列时,当我绑定到动态生成元素的父节点时不生效,但绑定到动态生成元素的父节点的父节点,也就是祖先节点时可以正常生效 ``` <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div class="ibox-content unaudit-content white-bg"> <div class="table-responsive "> <table class="table table-no-bordered table-centerbody table-striped table-condensed text-nowrap" id="permissionTable"></table> </div> </div> </body> <script th:inline="javascript"> (function () { ready(["toastr", "tableCN", "chosen", "pace", "slimscroll", "metisMenu", "treeview", "bootstrapRightFixed"], function (toastr) { var tableEle = $("#permissionTable"); /** table中会动态从后台获取数据生成行,通过脚本动态生成操作列 //动态添加操作列的方法 function formatAction(value, row, index) { return '<div class="btn-group btn-table btn-group-sm" role="group" aria-label="">' + '<a class="btn btn-white add" data-id="' + row.id + '"><i class="fa fa-pencil"></i>&nbsp;新增</a>' + '<a class="btn btn-white edit" data-id="' + row.id + '"><i class="fa fa-pencil"></i>&nbsp;编辑</a>' + '<button type="button" value="' + value + '" data-name="' + row.name + '" class="btn btn-white delete" role="button"><i class="fa fa-trash"></i>&nbsp;删除</button>' + ' </div>' } **/ //但是为什么绑定table节点动态操作按钮的点击事件不生效? /* //错误方法一 $("table.table").on("click", ".edit", function () { console.log("edit"); var id = $(this).data("id"); var pageUrl = BASE_PATH + "/admin/permission/edit/" + id; console.log(pageUrl); // GY.layer.ajaxIframe({title: "修改资源", content: pageUrl}); }); //错误方法二 $("#permissionTable").on("click", ".edit", function () { console.log("edit"); var id = $(this).data("id"); var pageUrl = BASE_PATH + "/admin/permission/edit/" + id; console.log(pageUrl); // GY.layer.ajaxIframe({title: "修改资源", content: pageUrl}); }); */ //绑定到table父节点的div却可以生效? $("div.table-responsive").on("click", ".edit", function () { console.log("edit"); var id = $(this).data("id"); var pageUrl = BASE_PATH + "/admin/permission/edit/" + id; console.log(pageUrl); // GY.layer.ajaxIframe({title: "修改资源", content: pageUrl}); }) }) })(this); </script> </html> ``` 请各路前端大神解惑,谢谢

jquery如何给指定ul下的li添加类

如题 <div class="1"> <ul > <li class="2"></li> <li class="2"></li> <li class="2"></li> <li class="2"></li> <li class="2"></li> <li class="2"></li> <li class="2"></li> </ul> </div> ``` 如何给<div class="1">下的7个li添加class

是否有jQuery .tmpl()方法完成事件处理?

<div class="post-text" itemprop="text"> <p>I'd like to ask, how can i make a $.tmpl ready function?</p> <p>In my code I pass the ajax json to my createForm function.</p> <pre><code>var doFunction = { new: function() { $.ajax({ url: 'index.php?...', success: function(data) { createForm(data).appendTo($("#whitespace")); $("#whitespace").click(function(){ $(this).empty().hide(); }); $("#popup").click(function(e){ e.stopPropagation(); }); $("#whitespace").show(); } }); }, </code></pre> <p>The createForm function</p> <pre><code>function createForm(data) { var $container = $('&lt;div id="popup"&gt;&lt;/div&gt;'); var $content = $('&lt;article&gt;&lt;/article&gt;'); $.get('mydomain.com/formcreator.htm', function(template) { $.tmpl(template, data).appendTo($content); }); $content.appendTo($container); return $container; } </code></pre> <p>But if I tell the <code>$container</code> to <code>$container.find(".tabs").tabs();</code> - it contains an <code>&lt;div class="tabs&gt;...etc...&lt;/div&gt;</code>.</p> <p>I think the problem is I did not catched the $.tmpl finish event.<br> Is there a success event of the $.tmpl?</p> <p>Please help me in this.</p> </div>

jquery button没有name和id,怎么获取这个button

这是上传图片时候弹出的一个上传对话框,我怎么能获取这个button,要是有id或有name就好办了 <button type="button" class="aui_state_highlight">确定</button> 下面是全部代码 ``` <table class="aui_dialog"> <tbody> <tr> <td colspan="2" class="aui_header"><div class="aui_titleBar"> <div style="cursor: move;" class="aui_title">附件上传</div> <a class="aui_close" href="javascript:/*artDialog*/;">×</a></div></td> </tr> <tr> <td style="display: none;" class="aui_icon"><div style="background: transparent none repeat scroll 0% 0%;" class="aui_iconBg"></div></td> <td style="width: 650px; height: 420px; visibility: visible;" class="aui_main"><div style="padding: 20px 25px;" class="aui_content aui_state_full"> <div style="display: none;" class="aui_loading"><span>loading..</span></div> <iframe allowtransparency="true" style="width: 100%; height: 100%; border: 0px none;" name="Openthumb_images" src="/yingshiquan/index.php? a=swfupload&amp;m=asset&amp;g=asset&amp;args=1,jpg|jpeg|gif|png|bmp,1,,,1&amp;module=&amp;catid=" frameborder="0"></iframe> </div></td> </tr> <tr> <td colspan="2" class="aui_footer"><div class="aui_buttons"> <button type="button" class="aui_state_highlight">确定</button> <button type="button">取消</button> </div></td> </tr> </tbody> </table> ``` ![图片说明](https://img-ask.csdn.net/upload/201511/18/1447846181_111529.jpg)

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

你期望月薪4万,出门右拐,不送,这几个点,你也就是个初级的水平

先来看几个问题通过注解的方式注入依赖对象,介绍一下你知道的几种方式@Autowired和@Resource有何区别说一下@Autowired查找候选者的...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

立即提问
相关内容推荐