如何在子类的复杂性下最好地定位toggle()函数

时间:2018-03-16 13:02:03

标签: jquery html

我正在尝试将read more switch添加到动态生成的长文本段落中。 我只需要帮助我在我的代码中的特定部分定位我的切换。但是代码混乱起来很难做到

见附件。 我希望我的-a-标签(带.morelink类)能够定位2条线(以黄色突出显示 - 参见附带的截图)。

$(".morelink").click(function(){
//i need to replace the following code with the correct one to target the those 2 lines
  $(this).parent().sibling().prev().toggle();
  $(this).prev().toggle();

apply readmore toggle to a dynamically generated text

1 个答案:

答案 0 :(得分:0)

不要忘记您可以合并jQuery选择器:

$(this).prev().find('.moreellipses,.morecontent>span').toggle();
  • .prev()选择链接前的元素

  • .find('.moreellipses')会在链接前面的元素中选择类moreellipses的元素。

  • .find('.morecontent>span')将从链接前一个元素中的类morecontent元素中选择直接子范围。