jQuery如何根据获取到id的值,在根据此id的值进行 *** 作。

jQuery如何根据获取到id的值,在根据此id的值进行 *** 作。,第1张

改为

//循环每一个css样式为mod-listTitle_right'的元素

$('mod-listTitle_right')each(function(e){

$(this)click(function(){

var this_name = $(this)attr("id");

$post('collegephp',{zb_name:this_name},function(bck){

//需要做的 *** 作

});

});

});

1、根据div标签获取所有的div节点

var divs = $('div');//获取所有的div节点

2、获取div的id

divseach(function(k,v){//通过each循环每个div节点

alert(thisid);//获取div节点的id值

});

有2种方法:

最简单的方法就是直接在标签中写onclick="",但是这样写其实是有点low的,

第二种方式是通过给类名绑定一个事件。

1

2

3

4

5

6

7

8

9

10

11

<p id="pLabel">新加一条</p>

<ul id="ulLabel">

<li class="liLabel">aaa1</li>

<li class="liLabel">aaa2</li>

<li class="liLabel">aaa3</li>

</ul>

<script type="text/javascript">

$("#pLabel")click(function(){

$("#ulLabel")append('<li class="liLabel">aaaQ</li>'); //动态像ul的末尾追加一个新元素

});

</script>

方法一:使用live

live()函数会给被选的元素绑定上一个或者多个事件处理程序,并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。比如,通过脚本动态创建的元素。

1

2

3

$('liLabel')live('click', function(){

alert('OK');

});

方法二:使用on

可以通过on方法绑定事件,可以绑定到它的父级或者body中,实现如下:

1

2

3

4

5

6

7

$("#ulLabel")on('click','liLabel',function(){

alert('OK')

});

或者:

$("body")on('click','liLabel',function(){

alert('OK')

});

注意绑定的事件,需要绑定在父元素。

为什么非要ID呢,class不是更好吗?要知道,ID一般为唯一性质的

<div class="btn">

<a class="ReplyBtn" data-id="{$aaaid}">回复</a>

</div>

$("btn")on("click","aReplyBtn",function(){

var id=$(this)attr("data-id");

alert(id);

});

区别不同就在ID上,回复不同的内容对应ID

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,使用div标签创建一行文字,文字内容为“这是测试的文字内容”。

3、在testhtml文件内,设置div的id属性为abc,用于下面通过该id获得div对象。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获取div里面的值”。

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getdivc()函数。

6、在js标签中,创建getdivc()函数,在函数内,通过id(abc)获得div对象,使用text()方法获得div内的值,并使用alert()方法将值输出。

7、在浏览器中打开testhtml文件,点击按钮,查看结果。

//尽量避免出现重复id的现象,如果你使用id去遍历的话只能渠道第一个的值,后面的就获取不到的,你可以去alert一下$("STYLE1")length和$("#div1")length;

$("STYLE1")each(function(){

alert($(this)html());

})

以上就是关于jQuery如何根据获取到id的值,在根据此id的值进行 *** 作。全部的内容,包括:jQuery如何根据获取到id的值,在根据此id的值进行 *** 作。、jquery中怎么获取div的id值、JQuery怎么获得动态添加的节点的ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9670636.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存