JQuery - 根据输入值找到正确的 div答案

【问题标题】：JQuery - finding the correct div depending on input valueJQuery - 根据输入值找到正确的 div
【发布时间】：2012-04-13 06:07:34
【问题描述】：

我遇到了一个问题

我基本上试图创建一个函数，在该函数中我将不同的文本（来自数组）分配给属于同一类的不同 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>

JQuery 代码

var textArr = ['time1', 'time2', 'time3'];
var id = [1, 2, 3];

$.each(textArr, function(key, value){      
   $('.actContainer').find('input#activityId').val()==id[key]
     .parent().find('div.date')
     .append("Posted message at"+textArr[key]); 
}

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

这目前不起作用，所以我一定做错了什么，如果有人可以提供帮助，将不胜感激

【问题讨论】：

标签： jquery arrays date

【解决方案1】：

你需要这个：

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

这意味着您正在搜索带有 activityId 类的输入，该类的值也等于 id[key]。您想在它附近找到一个具有上课日期的 div，并且您想将其文本内容更改为“已发布消息...”

【讨论】：

你试过了吗？ DIV 没有使用“actContainer”类，而是使用“msgContainer”
我的印象是他有一个更高的结构，他没有与我们分享，其中包含整个代码。
对不起，这是我的错误，我现在已经附加了。
你可能是对的。就是这样，那么这个工作。对不起！

【解决方案2】：

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

【讨论】：

activityId 是一个 ID，因为每条消息都有自己唯一的整数值。

【解决方案3】：

非常简单的代码：

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

我已经编辑了你的小提琴 - http://jsfiddle.net/9FAhJ/1/

【讨论】：