Javascript jQuery-希望使用

基本上，我有：

我希望我的函数只在与中的链接相同的div中运行

这可能吗？我怎么做

我知道我可以通过给每件事一个ID并使用不同的ID为每一篇文章重复这个函数来做到这一点，但这对我来说似乎并不有效

以下是我目前正在做的事情：

宽度已定义。我唯一改变的是身高

我在一块文本旁边有一个图像。此文本块位于.content类的div中。这些div的起始高度取决于其中的文本量，但如果单击“阅读更多”链接，则高度可能会增加

图像具有.image类，该类的初始高度由内容分区的高度决定。单击“阅读更多”链接时，显示的分区越多，图像以100%的高度显示

我想使用类，因为我有多篇文章遵循相同的模式，我不想有几个重复的ID做相同的事情

问题是：

由于使用了类，因此具有.image类的所有图像的高度最初由具有.content类的第一个div设置，单击任何“读取更多”链接时，所有图像都会展开

我想做的是：

我想把图片高度、内容高度和阅读更多链接联系在一起。即，当在第1条中单击更多链接时，它仅影响第1条，当在第2条中单击更多链接时，它仅影响第2条，以此类推

这可能吗

我目前正在做的事情：

---

在javascript中进行了一些代码更改。这是你想要的吗

var more1height=$more1.height； var more2height=$more2.height $more1，more2.5； var imgHeight=$.pic.height； var contHeight=$.content.height； $.image.heightcontHeight； $more1link.clickfunction{ var image=$'more1'.parent'.content'.sibbines'.image'； 如果$'more1'。是否可见{ $1.00以上； image.heightcontHeight； }否则{ $more1.200； 图像。高度contheight+more1height； } }; $more2link.clickfunction{ var image=$'more2'.parent'.content'.sibbines'.image'； 如果$'more2'。是否可见{ $2.00以上； image.heightcontHeight； }否则{ $more2.200； 图像。heightcontHeight+more2height； } }; .货柜{ 边缘底部：15px； 溢出：自动； } .内容{ 宽度：自动； 填充：0 15px； 溢出：隐藏； 线高：1.6； 利润上限：-20px； } .内容h3{ 利润上限：-6px； 字体大小：400； } .形象{ 浮动：左； 宽度：450px； 溢出：隐藏； 显示：块； 边框：2个实心F5； } 图{ 宽度：100%； } 莫林克先生{ 颜色：灰色； 光标：指针； } .更多{ 显示：无；} 第一类 猫不是小猫，它扑通一声从水龙头里喝水，追逐着线团。睡在狗床上，强迫狗睡在地板上。猫偷偷地让全世界的松饼不停地喵喵叫着吃。把屁股像照相机镜头一样推到主人的脸上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒在地上倒，玩具店裸露的尖牙藏在垃圾箱里，直到喂食完毕

阅读更多 早餐时吃意大利面纱打开卫生纸，然后布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱。当你在使用键盘或盯着墙，玩弄食物，被灰尘弄糊涂，闭上眼睛，但仍然看到你在转圈，但把盘子从桌子上敲下来屁股不能吃我自己的盘子

第2类 猫不是小猫，它扑通一声从水龙头里喝水，追逐着线团。睡在狗床上，强迫狗睡在地板上。猫偷偷地让全世界的松饼不停地喵喵叫着吃

阅读更多 早餐时吃意大利面纱打开卫生纸，然后布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱布莱。当你在使用键盘或盯着墙，玩弄食物，被灰尘弄糊涂，闭上眼睛，但仍然看到你在转圈，但把盘子从桌子上敲下来屁股不能吃我自己的盘子

---

寻求调试帮助的问题此代码为什么不起作用？必须包括所需的行为、特定的问题或错误以及最短的代码

---

必须在问题本身中复制它。没有明确问题陈述的问题对其他读者没有用处。请看：。我用叉子叉了笔，把JS换成了你的，但没有得到想要的结果。也许是别的什么地方出了问题。图像的高度不会增加。行：var image=$this.parent'articleContainer'.find.image；似乎是我一直在寻找的！我知道这和它有关。我需要告诉函数在当前容器中查找图像，对吗？不确定为什么它不适合我。更新了答案以根据内容高度展开图像。好的，这确实让我更接近了。现在一切正常运转！我真的不想重复每篇文章的代码，但是，嘿，现在它正在工作。非常感谢你的帮助！

<div class="articlecontainer">
 <div class="image"><img src="some_image.jpg"></div> <!----image is floated left--->
  <div class="content">
   <p>
      Some text about the image. 
      Some text about the image.
      Some text about the image.
   </p>
    <span class="morelink">Link to Read More</span>
     <div class="more">
        <p>
          More text about the image. 
          More text about the image.
          More text about the image.
       </p>
     </div> <!--- close more --->
   </div> <!--- close content --->
 </div> <!--- close articlecontainer --->