Javascript 在文本上单击“显示图像名称”

我必须在文本单击时显示图像名称，而不为文本单击创建多个id。在这段代码中，我在单击图像时就这样做了，但我希望在单击文本时这样做。如果可以通过类名或单个id来完成，那么就这样做，因为我有100个图像，我不想为多个文件编写相同的代码

$（'img'）。单击（函数（）
{
var test=$（this.attr（'src'）.split（“/”）.pop（）；
document.getElementById（“结果”）.value=test；
});

点击
点击

点击


$（'p'）。单击（函数（）
{
var test=$（this.parent（'div'）.find（'img'）.attr（'src'）.split（“/”）.pop（）；
document.getElementById（“结果”）.value=test；
});

点击
点击

点击

像下面这样做：-


$（'p'）。单击（函数（）{//
var test=$（this.prev（'img'）.attr（'src'）.split（“/”）.pop（）；//获取当前单击段落父div image src，并使用split查找图像的名称
$（“#结果”）.val（测试）；//更新文本字段中的名称
});

点击
点击

点击

用于查找
img
标记，并将类应用于本例中的
p
标记。单击elem
请查找下面的代码片段以了解更多信息


$（'.clickelem'）。单击（函数（）
{
var test=$（this.parent（）.find（'img'）.attr（'src'）.split（“/”）.pop（）；
document.getElementById（“结果”）.value=test；
});

单击
单击
单击
您可以按如下方式操作：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<div class="row">
    <div>
      <img src="1.png">
      <p class='para'>click<p>
    </div>
    <div>
     <img src="2.png">
     <p class='para'>click</p>
    </div>
    <div>
     <img src="3.png">
     <p class='para'>click</p>
    </div>
</div>
<form>
 <input type="text" id="result">
</form>

你不能只要求我们“做”设置你点击
p
上的事件，然后将
$（此）
更改为
$（此）.prev（'img'）
。你好，苏拉杰，我不是要你做。我只是请求帮助，如果有的话。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<div class="row">
    <div>
      <img src="1.png">
      <p class='para'>click<p>
    </div>
    <div>
     <img src="2.png">
     <p class='para'>click</p>
    </div>
    <div>
     <img src="3.png">
     <p class='para'>click</p>
    </div>
</div>
<form>
 <input type="text" id="result">
</form>

$('.para').click(function()
{
    var imageSrc = $(this).prev("img");
    var test = $(this).attr('src').split("/").pop();
    document.getElementById("result").value= test;
});