如何操纵Jquery Accordion Header文本值

时间:2014-08-03 10:49:27

标签: jquery

我有一个Jquery Accordian,它会根据搜索结果创建嵌套的Accordians。

这是我的jsfiddle

http://jsfiddle.net/DBYLk/25/

最初从数据库中获取数据时,我在绝对路径中获取文本(POPCORN *** Bucket)

但是在用手风琴显示时我需要只显示相对路径。(Bucket)

当抓住Accoridan Header时,(Bucket)我需要发送整个POPCORN *** Bucket,以便搜索不会中断。

(这是一个购物车应用程序,其他类别可能存在Bucket并且搜索会产生错误的结果)

这是负责在Jquery Accordians上显示标题的代码。

html+="<div><a href='#'>" + response[i] + "</a></div><div id ='sample'></div>";

显示时我可以显示 3颗星之后的最后一个值,但是当显示时,我需要将整体发送到搜索中。请告诉我这是怎么可能的?

意味着我需要以某种方式存储<div><a href='#'>" + response[i] + "</a>

下的绝对路径和相对路径

我的问题可以简化,我可以在href属性中存储绝对路径,如何在点击时检索href属性值?

1 个答案:

答案 0 :(得分:0)

首先,你要添加许多具有相同id的div,这是错误的。 <div id="sample"> 其次,你的JSON结构使这更难。你有能力修改它吗?这将使事情变得更容易处理。

但是,您可以通过jQuery的data属性存储整个“路径”,并将basePath替换为任何内容。

var tempName = response[i].replace(selectedeleemnt + "***", "");
html+="<div><a href='#' data-path='" + response[i] + "'>" + tempName + "</a></div><div id ='sample'></div>";

此外,您的JSON中的PopCorn需要统一,因为您目前拥有PopCorn,然后Popcorn***

此后处理数据是通过检查selectedeleemnt hasData然后使用headerText而不是{{1}}来操纵{{1}}。

演示:http://jsfiddle.net/robschmuecker/DBYLk/33/