js获取div的id值的问题

<div>

    <div class="list" id="name1">fgd</div>

    <div class="list" id="name2">dff</div>

<div>$("class")click(function(){

    $(this)attr("id");

    $(this)html();

});

你的描述不多，估计问题是在前面写onmousedown参数传递的那部分出了问题，你后头看看。

我这个能解决获取从div传过来的那个变量，你把前面弄个循环，就是动态获取了

我弄得是jquery，改成js，你应该明白吧。有问题可以再问

jqLite in angularjs

angularelement("#element-id")

这是一个DOM *** 作。Angular不会帮助你获得DOM的某个属性。

你需要使用的是DOM选择器，不管是原生的也好或者像jQuery这样的库也好。

获取ID的目标地是为了 *** 作DOM, Angular的设计思想不是这样的, 你应该用directive代替

directive的link函数已经把作用域,元素,属性数组注入到link函数调用的参数当中了

link(scope,element,attrs)

关于directive的详细解释,请参考: 创建自定义"指令"

转载，仅供参考。

1、获取值

1、获取单个id

获取行号，有这种方式：

var rowid = $("#grid-table")jqGrid("getGridParam", "selrow");

但是经过实际验证，这种方式不可行，当选中行，再点击同一行会出现获取不到行号的情况。

最后先在js最外部定义一个变量selId，然后使用如下代码在选中行时赋值：

onSelectRow: function (rowid, status) {

selId = rowid;//给最外层的selId赋值

}

2、获取多个选中行的id

var ids=$('#gridTable')jqGrid('getGridParam','selarrrow');

其输出格式是逗号分隔的id，如：

1,2,3,4,5

3、获得所有行的ID数组

var ids = $("jqgridtableid")jqGrid('getDataIDs');

4、获取行数据

如果想获取选择的行的数据，只要传入rowId即可，如下：

var rowData = $('#gridTable')jqGrid('getRowData',rowId);

而这个rowData是一个对象，如果要获取选择的行的这个对象的属性值，如name的值，需如下：

var Name= rowDataname;

5、获取单元格数据

var celldata = $("jqgridtableid")jqGrid('getCell',id,colnum);

6、设定行选中

//设定选中行,可设定多行选中：

$("jqgridtableid")jqGrid('setSelection',id1);

$("jqgridtableid")jqGrid('setSelection',id2);

在制作eclipse插件的时候，时常需要对已经存在的视图做一些扩展，例如在project explorer中增加一个右键菜单，或者需要获取outline中当前选中项，等等。而这些 *** 作的前提，是获取这些视图的id，然后通过获取视图的语句获取到视图，并进行下一步 *** 作。

例如：如果是在view中：

IViewPartpart=getViewSite()getPage()findView("orgeclipseuiviewsContentOutline");

如果是在action中：

IViewPartpart=PlugingetDefault()getWorkbench()getActiveWorkbenchWindow()getActivePage()findView("orgeclipseuiviewsContentOutline");

可见获取到视图的id是很重要的。如何获取id呢，有很多方法，我觉得比较常用的是以下两种：

1通过手动查找目标视图所在的插件的pluginxml中对改视图的定义，获得视图id。

描述：我觉得这是最保险的办法，因为所有的视图都必定有一个pluginxml定义，但是找到这个pluginxml还是需要一些 *** 作，可能会耗费一些时间。

步骤：

a点击“工具栏”－>“Search”－>“Search”，或者热键“ctrl+h”。选“ Plugin Search”。

bSearch for 选"Extention Point"，Limit to 选“references”，External Scope 选“Enabled Plug-ins only”。

c下面的scope选“Worksapaces”。

d上面的Search String框填入我们要搜索的插件的扩展点的名字，这里我们要找视图插件，所以填入：orgeclipseuiviews

e点击search以后，在底部Search视图内列出很多搜索结果，任意选中一个，双击，可以看到editor内打开了该pluginxml，选中编辑器底部的Extentions，用图形化的方式来查看会更快捷。

f可以看到该插件使用的扩展点已经以列表的形式列出，我们查找的orgeclipseuiviews扩展点也已经选中，展开选中的扩展点，可以看到它实现了哪些view，点击某一个，可以在页面右边看到该视图的详细信息，第一项即是视图的id。

我们无法知道目标视图在搜索结果中的哪个plugin中，所以可能会耗费一些时间，建议在查看搜索结果时，通过对视图的分类分析，确定一个大概范围再进行查看。

同时，用这种方法也可以查找其他扩展点的实现插件。

2通过代码直接读出该视图的id。

描述：通过这种方法，可以直接用鼠标点击某个你想知道的视图，控制台会打印出该视图的id和所属插件的id。

步骤：

a通过插件向导新建一个插件，并使用Available Templates中的Plugin with a view模板，点finish。

b对自动创建的SampleView代码进行修改，修改结果如下。其中主要步骤有三个：实现IPartListener2接口，编写isActivePart()方法，调用isActivePart()方法。

packagecomraullearnsampleviewviews;

importorgeclipseswtwidgetsComposite;

importorgeclipseuipart;

importorgeclipsejfaceviewers;

importorgeclipseswtgraphicsImage;

importorgeclipsejfaceaction;

importorgeclipsejfacedialogsMessageDialog;

importorgeclipseui;

importorgeclipseswtwidgetsMenu;

importorgeclipseswtSWT;

importcomraullearnsampleviewActivator;

/

Thissampleclassdemonstrateshowtoplug-inanew

workbenchviewTheviewshowsdataobtainedfromthe

modelThesamplecreatesadummymodelonthefly,

butarealimplementationwouldconnecttothemodel

availableeitherinthisoranotherplug-in(egtheworkspace)

Theviewisconnectedtothemodelusingacontentprovider

<p>

Theviewusesalabelprovidertodefinehowmodel

objectsshouldbepresentedintheviewEach

viewcanpresentthesamemodelobjectsusing

differentlabelsandicons,ifneededAlternatively,

asinglelabelprovidercanbesharedbetweenviews

inordertoensurethatobjectsofthesametypeare

presentedinthesamewayeverywhere

<p>

/

publicclassSampleViewextendsViewPartimplementsIPartListener2{

privateTableViewerviewer;

privateActionaction1;

privateActionaction2;

privateActiondoubleClickAction;

/

Thecontentproviderclassisresponsiblefor

providingobjectstotheviewItcanwrap

existingobjectsinadaptersorsimplyreturn

objectsas-isTheseobjectsmaybesensitive

tothecurrentinputoftheview,orignore

itandalwaysshowthesamecontent

(likeTaskList,forexample)

/

classViewContentProviderimplementsIStructuredContentProvider{

publicvoidinputChanged(Viewerv,ObjectoldInput,ObjectnewInput){

}

publicvoiddispose(){

}

publicObject[]getElements(Objectparent){

returnnewString[]{"One","Two","Three"};

}

}

classViewLabelProviderextendsLabelProviderimplementsITableLabelProvider{

publicStringgetColumnText(Objectobj,intindex){

returngetText(obj);

}

publicImagegetColumnImage(Objectobj,intindex){

returngetImage(obj);

}

publicImagegetImage(Objectobj){

returnPlatformUIgetWorkbench()

getSharedImages()getImage(ISharedImagesIMG_OBJ_ELEMENT);

}

}

classNameSorterextendsViewerSorter{

}

/

Theconstructor

/

publicSampleView(){

ActivatorgetDefault()getWorkbench()getActiveWorkbenchWindow()

getActivePage()addPartListener(this);

}

@Override

publicvoiddispose(){

//TODOAuto-generatedmethodstub

ActivatorgetDefault()getWorkbench()getActiveWorkbenchWindow()

getActivePage()removePartListener(this);

superdispose();

}

/

Thisisacallbackthatwillallowus

tocreatetheviewerandinitializeit

/

publicvoidcreatePartControl(Compositeparent){

viewer=newTableViewer(parent,SWTMULTI|SWTH_SCROLL|SWTV_SCROLL);

viewersetContentProvider(newViewContentProvider());

viewersetLabelProvider(newViewLabelProvider());

viewersetSorter(newNameSorter());

viewersetInput(getViewSite());

makeActions();

hookContextMenu();

hookDoubleClickAction();

contributeToActionBars();

}

privatevoidhookContextMenu(){

MenuManagermenuMgr=newMenuManager("#PopupMenu");

menuMgrsetRemoveAllWhenShown(true);

menuMgraddMenuListener(newIMenuListener(){

publicvoidmenuAboutToShow(IMenuManagermanager){

SampleViewthisfillContextMenu(manager);

}

});

Menumenu=menuMgrcreateContextMenu(viewergetControl());

viewergetControl()setMenu(menu);

getSite()registerContextMenu(menuMgr,viewer);

}

privatevoidcontributeToActionBars(){

IActionBarsbars=getViewSite()getActionBars();

fillLocalPullDown(barsgetMenuManager());

fillLocalToolBar(barsgetToolBarManager());

}

privatevoidfillLocalPullDown(IMenuManagermanager){

manageradd(action1);

manageradd(newSeparator());

manageradd(action2);

}

privatevoidfillContextMenu(IMenuManagermanager){

manageradd(action1);

manageradd(action2);

//Otherplug-inscancontributethereactionshere

manageradd(newSeparator(IWorkbenchActionConstantsMB_ADDITIONS));

}

privatevoidfillLocalToolBar(IToolBarManagermanager){

manageradd(action1);

manageradd(action2);

}

@Override

publicvoidpartBroughtToTop(IWorkbenchPartReferencepartRef){

//TODOAuto-generatedmethodstub

}

@Override

publicvoidpartClosed(IWorkbenchPartReferencepartRef){

//TODOAuto-generatedmethodstub

}

@Override

publicvoidpartDeactivated(IWorkbenchPartReferencepartRef){

//TODOAuto-generatedmethodstub

}

@Override

publicvoidpartHidden(IWorkbenchPartReferencepartRef){

//TODOAuto-generatedmethodstub

}

@Override

publicvoidpartInputChanged(IWorkbenchPartReferencepartRef){

//TODOAuto-generatedmethodstub

}

@Override

publicvoidpartOpened(IWorkbenchPartReferencepartRef){

//TODOAuto-generatedmethodstub

}

privatevoidisActivePart(){

IWorkbenchPartpart=getViewSite()getPage()getActivePart();

//returnpart!=null&&partequals(this);

Systemoutprintln(partgetSite()getId());

partgetSite()getPluginId();

}

}

然后调插件，在运行环境中调出该视图，接着当你用鼠标点击你想知道的视图时，在开发环境中的控制台，就会打印出该视图的id以及所属插件的id。

拖拽后，树的treeData的结构也跟着改变了的，无须再去修改。如果里面有参数要修改的话用递归的方式处理一下就行了

dealtreeData(treeData, parent_id) {

treeDataforEach((item) => {

if (

parent_id !== null &&

parent_id !== "" &&

typeof parent_id !== "undefined"

) {

itemparent_id = parent_id;

}

if (itemchildren && itemchildrenlength > 0) {

thisdealtreeData(itemchildren, itemid);

}

});

},

// 树拖动

onDrop() {

//修改节点的parent_id

thisdealtreeData(thistreeData, 0);

},

excel移动一列的位置的方法：

演示版本excel2019

1、首先打开excel，然后鼠标选中要移动的那一列，如下图所示：

2、再把鼠标放在要移动的这列的线上，如下图所示：

3、然后拖动列到想要放的地方，如下图所示：

以上就是关于js获取div的id值的问题全部的内容，包括:js获取div的id值的问题、如何获取html元素id，通过angularjs、jqGrid 同时拖拽多行到另一个表格的指定位置，如何实现 此问题类似如何对多行或 指定行的资料 进行修改等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！