select 多个id html,javascript - Select id across multiple html pages - Stack Overflow

Parent and window.frame functions to allow cross-DOM selecting. To test if this works the code needs to be uploaded to a live server. Test will not work local.

HTML

/* ------------------- Remove active1 class interframe function ------------------- */

window.frames['#iframe1'].proFunction()

function proFunction(){

$('#test1000').removeClass('active1');

$('#test3000').addClass('active1');

}

function resumeFunction(){

$('#test1000').removeClass('active1');

$('#test2000').addClass('active1');

}

/* ------------------- End ------------------- */

• Page 1

• Page 2

• Page 3

style="display:block;position:absolute;" width="100%">

JS

$("#link2").click(function(){

parent.proFunction();

});

$("#link3").click(function(){

parent.proFunction();

});

$('.navdown ul li').on('click', function(){

$('ul li.active1').removeClass('active1');

$(this).addClass('active1');

});

$("#test1").on('click', function() {

var src = $(this).data('src'),

width = $(this).data('width'),

height = $(this).data('height');

$('#iframe1').css({

width: width,

height: height

}).attr('src', src);

});

$("#test2").on('click', function() {

var src = $(this).data('src'),

width = $(this).data('width'),

height = $(this).data('height');

$('#iframe1').css({

width: width,

height: height

}).attr('src', src);

});

$("#test3").on('click', function() {

var src = $(this).data('src'),

width = $(this).data('width'),

height = $(this).data('height');

$('#iframe1').css({

width: width,

height: height

}).attr('src', src);

});

Test Page 1

Go to test page 2

Go to test page 3