js如何获取点击<li>标签里的值

js如何获取点击<li>标签里的值,第1张

<li>外面应该有一个<ul>的,给这个<ul>加个id,比如:id="ul1"

给iframe一个id,比如:id="iframe1"

然后写一个方法给所有的<li>绑定处理函数

function bind_fun()

{

var iframe=documentgetElementById("iframe1");//获取iframe1

var lis=documentgetElementById("ul1")getElementsByTagName("li");//获取所有的li标签

//循环绑定处理函数

for(var i=0;i<lislength;i++)

{

lis[i]onclick=function(){

iframesrc="abcphptype="+thisgetElementsByTagName("a")[0]innerHTML;

//或者

//iframesrc="abcphptype="+thisinnerHTMLreplace(/<>/g,"");

};

}

}

//页面加载完毕后执行函数

windowonload=bind_fun;

供参考!

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并且其中有一个div中有a标签。

2、在indexhtml的<script>标签中,输入js代码:windowlocationhref = '>

3、浏览器运行indexhtml页面,此时取出了div中a标签中的百度知道链接并自动点击跳转了。

js:

function doCancel(obj){

//js获取

alert(objid);

//jquery获取

alert($(obj)attr("id"));

}

html:

<img height="80px" width="70px" id="img00" onclick="doCancel(this)">

JS不知道jQuery方便实现

点击事件中,$(this)next(),获取当前标签同辈下一个元素

若想让后一个div显示和隐藏,$(this)next()show()或$(this)next()hide()

在给标签绑定事件时在回调事件里有一个event参数,可以通过eventtarget获取当前对象,在处理函数里把当前对象当做参数传递过去。如:

//绑定事件

$('list')click(function(event){

    var ele=eventtarget;

    deal(ele);

});

//处理函数

function deal(obj){

    

}

只是举一个例子,如果有错误,请指出。

不用插件的话

function del()

{

var r = confirm("是否删除");

if (r==true)

   {

   let id = $(this)attr('id');

   alert(id+"是");

   }

else

   {

   alert("否");

   }

}

使用插件参考layer官网

以上就是关于js如何获取点击<li>标签里的值全部的内容,包括:js如何获取点击<li>标签里的值、如何用js获取div下的A标签,并自动点击超链接、js,在标签的点击事件中怎么获取该标签的 id 值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9623217.html

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

发表评论

登录后才能评论

评论列表(0条)

保存