JQuery-根据输入值查找正确的div

我遇到了一个问题

我基本上是想创建一个函数，在这个函数中，我将不同的文本（从一个数组）分配给同一类的不同div，这些div由一个id来区分，下面是一个例子

HTML标记

<div class='actContainer'>
    <div class='msgContainer'>
       <input class='activityId' type='hidden' value='1'>
       <div class='date'> </div> 
    </div>

    <div class='msgContainer'>
       <input class='activityId' type='hidden' value='2'>
       <div class='date'> </div> 
    </div>

    <div class='msgContainer'>
       <input class='activityId' type='hidden' value='3'>
       <div class='date'> </div> 
    </div>
</div>

从代码中可以看出，我试图在div.date标记之间放置文本

这目前不起作用，所以我一定是做错了什么，如果有人能帮忙，我将不胜感激

您需要这个：

 $('.actContainer').find('input.activityId[value="'+id[key]+'"]')
     .siblings('.date')
     .text("Posted message at"+textArr[key]); 

这意味着您正在使用activityId类搜索输入，该类的值也等于id[key]。 您想在其附近找到一个有上课日期的div，并想将其文本内容更改为“posted message…”

您需要：

 $('.actContainer').find('input.activityId[value="'+id[key]+'"]')
     .siblings('.date')
     .text("Posted message at"+textArr[key]); 

这意味着您正在使用activityId类搜索输入，该类的值也等于id[key]。 您希望在其附近找到一个具有类日期的div，并希望将其文本内容更改为“posted message…”

“activityId”似乎是一个类，而不是ID。 另外，我建议直接在date div上放置一个ID，或者将ID放置在父元素（类为msgContainer的元素）上。这将使处理日期div更容易。

activityId似乎是一个类，而不是一个ID。 另外，我建议直接在date div上放置一个ID，或者将ID放置在父元素（类为msgContainer的元素）上。这将使处理日期div更容易。

非常简单的代码：

$.each(textArr, function(key, value) {
  key = key +1
  $('input[value="'+key+'"]').siblings('.date').text("Posted message at "+value);
});

我编辑了你的小提琴-

非常简单的代码：

$.each(textArr, function(key, value) {
  key = key +1
  $('input[value="'+key+'"]').siblings('.date').text("Posted message at "+value);
});

---

我编辑了你的小提琴-

你试过这个吗？div没有使用'actContainer'类，但是'msgContainer'我觉得他有一个他没有与我们共享的更高的结构，其中包含了整个代码。很抱歉，这是我的错误，我现在添加了它。你可能是对的。如果是这样的话，这就行了。很抱歉你试过这个吗？div没有使用'actContainer'类，但是'msgContainer'我觉得他有一个他没有与我们共享的更高的结构，其中包含了整个代码。很抱歉，这是我的错误，我现在添加了它。你可能是对的。如果是这样的话，这就行了。很抱歉activityId是一个ID，表示每条消息都有其唯一的整数值。activityId是一个ID，表示每条消息都有其唯一的整数值。