JQuery загрузка текста из файла в несколько параграфов

[0leg9]

Есть параграф

<p id="par1">...</p>

По клику на span

<span id="link1"/>...</span>

выполняется функция по добавлению текста из файла

<script type="text/javascript">
	$(window).load(function(){
		$("#link1").click(function(){
			$("#par1").load("1.html");
		});
	});
</script>

Есть еще несколько параграфов со своими id и соответствующими для них файлами. На данный момент я продублировал функцию для каждого отдельного параграфа, но понимаю, что это не правильно. Как сделать функцию универсальной, чтобы по нажатию на span в нее передавалось id параграфа и соответствующее ему имя файла с текстом? Spanы для каждого параграфа свои.

[danik.js]

<p class="para" data-source="1.html">
    <span class="link">..</span>
</p>
<script>
$(document).ready(function(){
    $('.link').click(function(){
        var $para = $(this).parents('.para');
        $para.load($para.data('source'));
    });
});

[рони]

0leg9,
Вариант для медитации ...

<script type="text/javascript">
	$(window).load(function(){
    var S =  $("span[id^=link]");
    S.click(function(){
         var id =  $(this).attr('id').replace(/\D+/g,""),
         index = S.index(this);
         alert([++index,id])
        //$("#par1").load("1.html");
		});
	});
</script>

[0leg9]

<script type="text/javascript">
	$(window).load(function(){
    var S =  $("span[id^=link]");
    S.click(function(){
         var id =  $(this).attr('id').replace(/\D+/g,""),
         index = S.index(this);
         alert([++index,id])
        //$("#par1").load("1.html");
		});
	});
</script>

<script type="text/javascript">
	$(window).load(function(){
    var S =  $("span[id^=link]");
    S.click(function(){
         var id =  '#par' + $(this).attr('id').replace(/\D+/g,""),
         index = 1 + S.index(this) + '.html';
         //alert([index,id])
        $(id).load(index);
		});
	});
</script>

Спасибо! Работает как нужно.

[0leg9]

<p class="para" data-source="1.html">
    <span class="link">..</span>
</p>
<script>
$(document).ready(function(){
    $('.link').click(function(){
        var $para = $(this).parents('.para');
        $para.load($para.data('source'));
    });
});

Тоже отлично работает.

[Wic_]

Подниму старую тему, может кто подскажет по теме. Данный код использую в ocstore для подгрузки текста из файла,все отлично работает.

<p class="para" data-source="vstavka.html">
    <span class="link"><a href="#" onclick="return false;"><strong>+ Разное</strong></a></span>
</p>

<script>$(document).ready(function(){
    $('.link').click(function(){
        var $para = $(this).parents('.para');
        $para.load($para.data('source'));
    });
});
</script>

Но в wordpress ничего не происходит по нажатию ссылки. Скрипт в тело статьи вставляю сниппетом, но в коде странице проверяю, все нормально отображается, так как выше привел. Полный путь файла тоже указывал, не помогло.