htmlParentChild

HTML

<script src="http://icons.iconarchive.com/icons/danrabbit/elementary/128/Button-download-icon.png"></script>
<script src="http://bomshteyn.com/wp-content/uploads/downloads/thumbnails/2011/09/download-button-icon.png"></script>
<div class="illustartionWrap" id="illustartionWrapId">
     <div class="illusList illusListTop" id="illusList_heading">
            <span class="fileName" id="fileNameId">File Name</span>
            <span class="fileDesc">Description</span>
            <span class="fileSize">File Size</span>
            <span class="fileDownload">Download</span>
    </div>
    <div class="clear"></div>
    <div class="illusList" id="illusListId">
            <span class="fileName" id="fileNameIdTitle">fileTitle</span>
            <span class="fileDesc">fileDesc</span>
            <span class="fileSize">1.18 MB</span>
            <span class="fileDownload">
                <a href="http://myfile/file.txt" class="file_operation">
                    <img src="http://bomshteyn.com/wp-content/uploads/downloads/thumbnails/2011/09/download-button-icon.png">
                </a>
                <a href="#" class="file_operation">
                    <img id="illFile_6" class="illDeleteFile" src="http://pic.dhe.ibm.com/infocenter/wscloudb/v1r1m1/topic/com.ibm.websphere.cloudburst.doc/cloudcommon/delete-icon-large.gif">
                </a>
            </span>
        </div>
 </div>

CSS

.illusList {
width: 100%;
float: left;
padding: 10px 10px;
border: 1px solid #f2f2f2;
border-bottom: none;
}
.illusList:first-child {
background-color: #d0f1fa;
border: 1px solid #9ad9ea;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}

.illusList {
width: 100%;
float: left;
padding: 10px 10px;
border: 1px solid #f2f2f2;
border-bottom: none;
}

.illusList span:first-child {
margin-left: 0;
}

.illusList span {
float: left;
margin-left: 50px;
}

span.fileName {
width: 150px;
}

span.fileDownload {
float: right;
height: 24px;
}

span.fileSize {
width: 100px;
}

.file_operation{
 padding:10px   
}

JavaScript

/**delete function for my page**/
    jQuery(".illDeleteFile").on("click", function() {
        var illDeleteId = jQuery(this).attr("id").split("_");
        var illFileTitle =jQuery(this).closest("#illusListId").find("#fileNameIdTitle")html();

        alert (illFileTitle);
        var illFileTitle2 =jQuery(this).closest("#illustartionWrapId").html();

        alert (illFileTitle2);
        
});