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)
}
用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>
你想获取什么属性,直接this.属性名就行