接个吻. 2021-07-01 20:45 采纳率: 93.1%
浏览 66
已采纳

onclick中用了this怎么获取到对象内其他标签的元素

for循环遍历出来的无id，无css的容器：

for(var i=0;i<content.length;i++) {
  all += "<li><a onclick=\"Mask(this)\"><img src=\"" + 遍历的图片链接 + "\"/></a>" + "<a title=\"" + 遍历的详细内容 + "\" onclick=\"Mask(this)\">" + 遍历的标题 + "</a></li>";
}
$("#For_box").html(all);

onclick点击事件的方法：

function Mask(res) {
    all = "";
    $('#Mask').css('display','block');
    all = "<div class=\"For_Image\"><img src=\"" + 点击后获取当前对象的图片链接 + "\" alt=\"" + 点击后获取当前对象的标题 + "\"></div><div class=\"Con_box\"><div class=\"Big_Title\"><h2>" + 点击后获取当前对象的标题 + "</h2></div><div class=\"con\"><p>" + 点击后获取当前对象的详细内容 + "</p></div></div>";
    $("#ForText_con").html(all)
}
  • 写回答

2条回答 默认 最新

  • CSDN专家-天际的海浪 2021-07-01 20:50
    关注

    用var li = $(res).parent(); 获取点击的a元素内的父元素li

    再用li.children("a:eq(0)") 和 li.children("a:eq(1)") 获取li中的第一个和第二个a元素

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>

<div id="For_box"></div>

<script type="text/javascript">
var all = "";
for(var i=0;i<4;i++) {
  all += "<li><a onclick=\"Mask(this)\"><img src=\"图片链接"+i+"\"/></a>" + "<a onclick=\"Mask(this)\">标题" +i+ "</a></li>";
}
$("#For_box").html(all);

function Mask(res) {
    var li = $(res).parent(); //获取点击的a元素内的父元素li
    var a0 = li.children("a:eq(0)");
    var a1 = li.children("a:eq(1)");
    var imgurl = a0.find("img").attr("src");
    var title = a1.text();
    alert(imgurl+"\n"+title);
    
}

</script>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 关于#matlab#的问题：在模糊控制器中选出线路信息，在simulink中根据线路信息生成速度时间目标曲线（初速度为20m/s，15秒后减为0的速度时间图像）我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写，需写出详细代码，代价私
  • ¥15 ROS系统搭建请教（跨境电商用途）
  • ¥15 AIC3204的示例代码有吗，想用AIC3204测量血氧，找不到相关的代码。