同一页面点击不同值同步不同数据

function changePic(obj){
var pic = $(obj).attr("apath");
var info = $(obj).attr("ninfo");
var content = $(obj).attr("ncontent");
$("#picShow").attr("src",pic);
$("#ninfo").html(info);
$("#ncontent").html(content);
}
--------------------------------------------------

<p id="ninfo">
                                        毕业于山东理工大学机械设计与自动化专业,工学学士,并在合肥工业大学真空专业受过短期培训,通过计算机国家 四级考试,毕业后从事过多年机电和弱电以及冲压模具、真空方面的技术工作,具备在技术层面上的综合能力。从事
                                        专利代理多年,擅长机械、机电一体化、弱电和部分计算机通讯领域的代理,尤其在学科交叉类领域中有独特的优势。 机电一体化、弱电和部分计算机通讯领域的代理,尤其在学科交叉类领域中有独特的优势。
                                    </p>
                                    <h2>
                                        代理人晋级人员名称</h2>
                                    <p>
                                    <c:forEach items="${paginationpromote.resultList}"
var="promote" varStatus="count">
<c:if test="${promote.agentname!=null}">
<a href="javascript:void(0);" id="li${count.index}"
ninfo='${promote.agentInfo}' ncontent='${promote.honourFeeling}' apath="${path}${promote.path}" onclick="changePic(this)"><span>${promote.agentname}</span></a>
</c:if>
</c:forEach>
                                    </p>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" style=" padding-top:15px;">
                                    <h2>
                                        代理人简介</h2>
                                    <p id="ncontent">
                                        人们常说,一粒种子,只有深深地植根于沃土,才能生机无限;而一名员工,只有置身拼搏创业的氛围,才能蓬勃向上!我非常自豪在人生的韶华之年,来到单位这片沃土。在 她的培养、造就下,在领导的信任和同志们的帮助下,小小的我才得以成长,我人生的画屏上才涂下了一抹最绚烂的色彩。第三个词是行动。为了感谢领导和同志们对我的信任,
                                        为了回报对我的培养,我将把这份感谢与感恩化作行动,将自己的全部智慧与力量奉献给单位,勤奋敬业,激情逐梦,,努力做到更好!</p>
                                </td>

你可能感兴趣的:(同步)