我有一些带有这样 URL 的页面:www.example.com/index.php?id={a number}
并且每个页面都有相同的<select>
元素:
<select id="foo">
<option value="1">Page1
<option value="2">Page2
<option value="3">Page3
<option value="4">Page4
</select>
并且每个页面都有一个<ul>
具有不同 li 值的元素:
<ul id="other">
<li class="var1">some_value1_page[n]</li>
<li class="var2">some_value2_page[n]</li>
</ul>
Greasemonkey 脚本获取<select>
元素(在任何页面中)并从<option>
值中获取“id”页面,然后<ul>
从每个页面中获取值并打印在 div 中:
...
$('#foo option').each(function(){
$(div).append( $(this).text() );
var pageText = '';
GM_xmlhttpRequest ({
method: 'GET',
url: 'index.php?id='+$(this).attr('value'),
onload: function (responseDetails){
pageText = responseDetails.responseText;
$(pageText).find("#other li").each(function(){
$(div).append( $(this).text() );
});
$(div).append('<br />');
},
synchronous: true
});
});
...
如果脚本在 index.php?id=1 中运行,则打印:
Page1
Page2 some_value1_page[1] some_value2_page[1]
Page3 some_value1_page[2] some_value2_page[2]
Page4 some_value1_page[3] some_value2_page[3]
如果这是在 index.php?id=2 中运行,则打印
Page1
Page2 some_value1_page[2] some_value2_page[2]
Page3 some_value1_page[2] some_value2_page[2]
Page4 some_value1_page[3] some_value2_page[3]
如果这是在 index.php?id=4 中运行,则打印
Page1
Page2 some_value1_page[4] some_value2_page[4]
Page3 some_value1_page[1] some_value2_page[1]
Page4 some_value1_page[4] some_value2_page[4]
一些想法?