Question

我正在处理一个下拉菜单按钮，当点击它时会显示之前隐藏的div。

此代码无法使用$(this).next，但它会显示所有带有类.menudrop的div，因为页面上有多个按钮和下拉列表;我想尝试仅在按下.menudrop后的下一个.dropclick更改显示。

JsFiddle：https://jsfiddle.net/jeffd/nuen3735/1/

<div class='playbox'>
    <div class='playbox2 playboxplayer player'>
        <div class='play' key='respect.mp3' name='Respect' tag='tagtest'></div>
    </div>
    <div class='playbox2 playboxbpm bpm'>85 BPM</div>
    <div class="playbox2 playboxname name">Respect</div>
    <div class='playbox2 playboxkeywords keywords'>Slow, Smooth, RnB</div>
    <div class='playbox2 playboxlength length'>02:12</div>
    <div class='playbox2 playboxbuy buy'>
        <div class='mp3buy droptrack' data-product-id='Respect' data-product-key='3c31060e1038c3fe3e9cb0f069d6f33b'>+</div>
    </div>
    <div class='menudrop'>(dropdown)</div>
</div>

$(".droptrack").on('click', function() { 
    $(this).next(".menudrop").slideToggle('display', function(i, v) {
        return v == 'none' ? 'inline-block' : 'none' 
    });
});

Answer 1

public class PDfRotate{ private static String workingDir = System.getProperty("user.dir"); private static String FILERIN = workingDir + "/Rin.pdf"; private static String FILERIN_INPUT = workingDir + "/Test.pdf"; private static String FILERIN_OUTPUT = workingDir + "/RinOutput.pdf"; private static Document document; public static void main(String[] args) throws IOException, DocumentException { Document document = new Document(); rotatePdf(document); document.close(); } public static void rotatePdf(Document document) throws DocumentException, IOException{ PdfWriter writer = PdfWriter.getInstance(document, new FileOutputStream(FILERIN_OUTPUT)); document.open(); Paragraph par = new Paragraph("hello"); document.add(par); document.add(PageSize.A4.rotate()); PdfReader reader = new PdfReader(FILERIN); PdfImportedPage page = writer.getImportedPage(reader,1); Image instance = Image.getInstance(page); document.add(instance); }转移到下一个兄弟姐妹。在您的代码中，$(this).next()不是.menudrop的兄弟，而是其父亲的兄弟。你应该做的是：

.droptrack

（提示：正确的HTML格式将在下次帮助您）

Answer 2

$(this).parent().next('.menudrop')

Jquery在$（this）之后选择下一个div

2 个答案: