Javascript 使用多个id的文本增量按钮

我有一个按钮，当按下它时，会增加选定的文本对象，当我选择第一个对象时，它会得到它的id并完全增加它。问题是，当我选择另一个对象时，它会得到它的id，但出于某种原因，它也会保留第一个选定的id，并同时更改这两个id。我希望它只显式更改选定的对象。任何想法如何解决它与下面的代码

    $(document).ready(function(){
        $(".click").click(function(){
            $('#id').val($(this).attr('id'));
            var id = $(this).attr('id');
            $('#font_size').val($(this).attr('font_size'), { id: id });

        $(".increase").click(function(){
            var currentSize = $("#"+id).css('font-size');
            var currentSize = parseFloat(currentSize)*1.2;
            $("#"+id).css('font-size', currentSize);
            alert(id);
        });
        });
    });

<input type="button" class="increase" value=" + ">

<?php

$result = mysqli_query($sql,"SELECT * FROM elements WHERE element_type ='text'") or die(mysql_error());

    while($row = mysqli_fetch_array($result)) {

        $id = $row['element_id'];

        $text_contents = $row['text_contents'];
        $textbox_contents = $row['textbox_contents'];

        $font_size = $row['font_size'];

?>

<p class="click" id="<?php echo $id ?>" style="position:absolute; font-size:<?php echo $font_size ?>px;">
<?php echo $text_contents ?></p>
<?php echo $textbox_contents ?></p>

<?php } ?>

$（文档）.ready（函数（）{
$（“.click”）。单击（函数（）{
$（'#id'）.val（$（this.attr（'id'））；
var id=$（this.attr（'id'）；
$（'#font_size'）.val（$（this.attr（'font_size'），{id:id}）；
$（“.increase”）。单击（函数（）{
var currentSize=$（“#”+id）.css（'font-size'）；
var currentSize=parseFloat（currentSize）*1.2；
$（“#”+id）.css（'font-size'，currentSize）；
警报（id）；
});
});
});
当你双倍关闭你的
->
时，可能是嵌套问题。嗨，肖恩，谢谢你的回复，错过了那个。我已经移除了其中一个，但仍然是相同的行为。