A محدد لطيفة لإزالة هذا الرمز الرهيبة

Question

ويمكن لأي شخص أن يقدم محدد للتخلص من هذه القطعة الرهيبة من التعليمات البرمجية:

// img is the image element...
var descriptionContent = $(".descriptionContent", img.parent("td").parent("tr").next("tr"));

ووأتش تي أم أل يبدو مثل هذا:

<table>
    <tr>
        <td><img /></td>
    </tr>
    <tr>
        <td><div class="descriptionContent" /></td>
    </tr>
    <!-- Repeat n times -->
</table>

وبالنظر إلى المستخدم النقر على IMG، ولست بحاجة للحصول على التالي (وإلا المقبل) عنصر .descriptionContent.

شكرا،
K

Answer 1

ومنذ كنت قلقا حول التفاف الصورة في شيء، جرب هذا:

var descriptionContent = $(".descriptionContent", img.closest("tr").next("tr"));

وأقرب قيادة يجد أقرب سلف مطابقة محدد معين. انظر هنا.

Answer 2

واعتقد انكم ستسمعون الكثير عن هذا الطريق ويتمحور بشكل عام. إذا كنت قضاء على الطاولة، والكثير من هذه المشكلة يذهب بعيدا.

وشيء من هذا القبيل:

<div class="imgAndContent">
  <img src="blah.jpg">
  <span class="someDescription">Description.</span> <!-- or div, you choose based on your need -->
</div>

وبعد ذلك يمكنك القيام به ببساطة ...

var descriptionContent = $(this).next();

وعندما ينقر المستخدم ...