Javascript 如何使用jquery为每个单击的链接弹出一个新的浏览器窗口

我的部分观点如下：

@foreach($trainings as $training)
<tr>
<td>{{ $training->training_type }}</td>
<td>{{ $training->start_date }}</td>
<td>{{ $training->end_date }}</td>
<td><a href="{{ url('trainings', $training->id) }}">Edit</a></td>
</tr>
@endforeach

@foreach（$trainingas$training）
{{$training->training_type}
{{$training->start_date}
{{$training->end_date}
@endforeach

我希望实现的是这一点。我希望当用户在任何 在表中列出的不同培训中，我在同一页面上弹出一个新的浏览器窗口，其中包含 用户可以编辑该特定培训。做了一些研究后，我偶然发现 一个看起来有点前途的解决方案

<a id ="link" href="#">Click</a>

$('#link').click(function(){
    window.open('http://www.example.com', 'mywindow', 'width=400, height=200')
});

$（“#链接”）。单击（函数（）{
打开窗户http://www.example.com'、'mywindow'、'width=400、height=200'）
});

首先，我不知道如何从上面不同的href获取url并将其传递到jquery中的window.open（）函数

实际上，我本可以重定向到一个培训页面视图来进行编辑，但是客户端 希望所有编辑都在同一页上完成。用编辑表单弹出jquery模式对话框是另一个选择 客户希望的路线，因此我感谢任何想法。因此，我对两种实施策略持开放态度： 1.弹出一个新的浏览器窗口，使用上面或下面的window.open（）函数编辑表单 2.弹出一个带有编辑表单的jquery模式对话框

这就是我想要实现的一切

首先，我不知道如何从我不同的href获取url 并将其传递给jquery中的window.open（）函数

---

在事件处理程序中，此引用在上发生的元素事件

向元素添加一个类，因为ID必须是唯一的

<td><a class="edit-link" href="{{ url('trainings', $training->id) }}">Edit</a></td>

---

谢谢@charlietfl。正是我想要的。

<td><a class="edit-link" href="{{ url('trainings', $training->id) }}">Edit</a></td>

$('.edit-link').click(function(e){
    e.preventDefault();
    window.open( this.href, 'mywindow', 'width=400, height=200')
});