jquery - 从 url 参数获取值以替换 html 5 数据属性

Question

我有这个 div：

<div id="accordion-63-52453407315c8" 
     class="wk-accordion wk-accordion-default clearfix"  
     data-widgetkit="accordion"
     data-options='{"style":"default", 
                    "collapseall":1, 
                    "matchheight":0, 
                    "index":-1, 
                    "duration":500, 
                    "width":"auto", 
                    "order":"default"}'>

如何从使用 Jquery 代码的 url 字符串获取的参数中更改 data-option 属性中的索引值？

www.myurl.com?index=4

Answer 1

让我们通过以下两个步骤来解决这个问题：

1. 我们需要从 url 中检索索引。
2. 我们需要更新 `data-options` 属性中的值。

让我们现在做这些。

获取索引：

var url = window.location.href;
var index = null;
if(url.lastIndexOf('?') != -1) {
    index = url.split('?')[1];
    index= index.split('=')[1];
}

修改data属性：

var $accordian = $('#accordion-63-52453407315c8');
var obj = $accordian.data("options");
obj.index = parseInt(index);
$accordian.data("options", obj);

这是一个演示它是如何工作的小提琴。

希望这可以帮助。

Answer 2

怎么样：

var obj = $("#accordion-63-52453407315c8").data("option");
var index = obj.index;

Answer 3

工作演示

尝试这个

将此添加到您的头脑中以获取查询字符串

 <script src='https://rawgithub.com/allmarkedup/purl/master/purl.js'>
 </script> 

代码是

 var index1=$.url('http://www.myurl.com?index=4').param('index');
    $('#accordion-63-52453407315c8').data('options').index=index1; //assigning value to the index 

如果要从当前 url 获取参数

 var index1=$.url(window.location.href).param('index');
 $('#accordion-63-52453407315c8').data('options').index=index1;