JQuery如何访问div 标签并附加它

Question

你好，我正在尝试一些东西..我正在阅读Jquery遍历一些论坛的文档，这个网站之前问过与此主题相关的问题..没有人真正回答我的问题，所以我会问..这是交易

  <div class="entry">
week
<span>some text</span>
<p>DKK</p>
<input type="radio" name="red<% Response.Write(counter); %>" id="radio2" value="75" />

</div>

所以我使用了 while 循环来创建一堆这些，所以我不必手动复制粘贴它们..asp 生成它们..现在你看到 p 部分，它说 DKK ..现在为了我不要手动编写所有内容，我希望每个 div 、 p 都附加该 div 内的输入值，现在这是我使用 Jquery 所做的

$(document).ready(function() {
     $("input").each(function () {
                 var element_value = $(this).val();
                 $(this).closest("p").append(element_value + ",-");
                  }); 
 }); 

所以我试图做的是遍历每个输入并收集它们的值，然后找到最接近的 p 标签并附加它的值，现在上面示例的正确结果是

<p>DKK 75,-<p>

因为输入值是 75 并且它已包含在附加函数中，- 也添加这一点，此代码不起作用，但是如果我输入

$(this).parents("div.entry").append(element_value + ",-");

instead of

$(this).closest("p").append(element_value + ",-");

出现了正确的结果，但不完全是我想要的结果..希望有人可以帮助我，谢谢

Answer 1

如果您阅读closest()的文档，您会发现它只向上看，而不是向侧面看:

Get a set of elements containing the closest parent element that matches the specified selector, the starting element included.

您可以执行此操作来查找之前的 <p>从输入:

$(this).prev("p").append(element_value + ",-");

或者更明确:

$(this).closest("div.entry").find("p").append(element_value + ",-");

这将不取决于 <p> 的哪一侧输入恰好打开。