Jquery 如何在弹出窗口中提取留给特定链接的数据(更多信息)
我想,如果我点击更多的信息链接,那么它应该显示所有的数据留下更多的信息链接在一个弹出窗口。与所有更多信息链接相同。例如:如果我单击第一个“更多信息”链接,那么它应该会在弹出窗口中显示83779616,非临时,提交日期,所有者。如果我点击SecondMoreInfo链接,它会在弹出窗口中显示SecondMoreInfo链接剩下的所有数据。而且所有这些数据都来自使用JSP的ApacheSolr。我将每个结果除以一条水平线。因此,水平线下的每个数据都是来自ApacheSolr的新数据。如有任何建议,将不胜感激。我该如何继续 通过这段代码,我从ApacheSolr获得了所有数据Jquery 如何在弹出窗口中提取留给特定链接的数据(更多信息),jquery,jsp,solr,jstl,Jquery,Jsp,Solr,Jstl,我想,如果我点击更多的信息链接,那么它应该显示所有的数据留下更多的信息链接在一个弹出窗口。与所有更多信息链接相同。例如:如果我单击第一个“更多信息”链接,那么它应该会在弹出窗口中显示83779616,非临时,提交日期,所有者。如果我点击SecondMoreInfo链接,它会在弹出窗口中显示SecondMoreInfo链接剩下的所有数据。而且所有这些数据都来自使用JSP的ApacheSolr。我将每个结果除以一条水平线。因此,水平线下的每个数据都是来自ApacheSolr的新数据。如有任何建议,将
<search:resultList response="${response}">
<search:result>
<div class="number-description">
<search:field fieldName="c_id" label="" query="${query}" prefix="" />
</div>
<search:field fieldName="c_name" label="" query="${query}" addCssClass="capsule" />
<a href="#?w=700" rel="popup2" class="poplight">
<div class="meta">
<div class="show-more-info">+ More Info</div>
</div>
</a>
<div class="item-details">
<search:field fieldName="c_date" label="Filed Date: " query="${query}" format="MM/dd/yyyy"/>
<search:field fieldName="ow" label="Own: " query="${query}"/>
</div>
<c:set var="docUrl" value="http://domain:8001/ce/document/82/81-W110-1.pdf" />
<search:conditional test="${result.fields.url != ''}">
<c:url var="viewUrl" value="${dpsURL}/view">
<c:param name="url" value="${docUrl}" />
<c:param name="query" value="${query.value.display}" />
<c:param name="proxy" value="${dpsURL}" />
</c:url>
<c:import url="${viewUrl}"/>
</search:conditional>
</search:result>
</search:resultList>
这就是我在从ApacheSolr加载数据时通过右键单击浏览器查看页面源代码得到的HTML源代码
<ol class="result-list"><li class="result item_1 odd first"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_2 even"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_3 odd"><h2>
<div class="number-description">
<div class="search-field c_id"></div>
</div>
<div class="search-field capsule c_name"></p></div>
<a href="#?w=700" rel="popup2" class="poplight">
<div class="meta">
<div class="show-more-info">+ More Info</div>
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date"><h3 class="label">Filed Date: </h3>
</div></li><li class="result item_4 even"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_type_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_5 odd"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_6 even"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_7 odd"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_type">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_8 even"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date"></div>
</div></li><li class="result item_9 odd"><h2>
<div class="number-description">
<div class="search-field c_id"></div>
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">/div>
</div></li><li class="result item_10 even last"><h2>
<div class="number-description">
<div class="search-field c_id"></div>
</div>
<div class="search-field capsule c_name"><p class="value">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date"><h3 class="label">Filed Date: </h3></div>
</div></li></ol>
你到底在哪一步结巴?现在还不完全清楚你的问题是什么。一些相关的、最简单的代码片段将有助于理解您的能力。@BalusC,谢谢您的回复。因为我不知道该怎么做。正如我从ApacheSolr获得的数据,并用水平线划分每个数据。如果我单击第一个更多信息链接,那么我希望所有数据都保留在弹出窗口中的第一个信息链接中。我主要关心的是如何区分更多的信息链接。。我还通过发布代码更新了这些问题。我认为jQuery非常简单,但是对于jQuery用户来说,如果您发布由Solr标记生成的一行或两行的HTML,这将更有帮助。原因很简单,jQuery不处理JSP源代码,而是处理其生成的HTML代码。在浏览器中打开该页面,右键单击并选择“查看源代码”以查看该页面。@BalusC,谢谢您的回复。我已经更新了问题。让我知道我应该如何继续。。!!如有任何建议,我们将不胜感激。。我还在做这件事。。